1. flex-direction: dapat mengontrol arah penempatan elemen
2. justify-content: mengatur penempatan elemen dalam container secara horizontal (kiri ke kanan)
3. align-items: mengatur penempatan elemen dalam container secara vertikal (atas ke bawah)
4. flex-wrap: mengatur apakah elemen dalam kontainer flex akan melingkari (wrap) ke baris baru jika tidak cukup ruang
5. align-content: memiliki efek ketika elemen dalam container flex melingkari ke baris baru
tata letak dalam bentuk grid atau kisi kisi
1. grid-template: menentukan kolom pada grid
body { grid-template-areas: "header header header" "sidebar main main" "footer footer footer"; } .header { grid-area: header; elemen akan mengisi dengan nama header } .main { grid-area: main; elemen akan mengrisi dengan nama main }mengatur susunan area dalam grid dengan menyediakan nama-nama area
2. grid-gap: menentukan jarak dan baris dalam grid
3. grid-starf and grid-end: mengatur dimana elemen harus mulai dan berakhir dalam grid
4. grid-auto: menentukan ukuran kolam dan baris pada grid untuk elemen yang secara otomatis ditambahkan
5. items dan content: mengatur posisi
6. grid-auto-flow: elemen akan ditambahkan secara otomatis