Daftar Isi
CSS Flexbox dalam Lima Menit
Dua properti induk dan konsep main axis vs cross axis — itu saja modal utama flexbox.
Flexbox cuma butuh dua properti di induknya:
.container {
display: flex;
flex-direction: row; /* atau column */
}Main axis vs cross axis
Kalau arahnya row, sumbu utama (main axis) itu horizontal dan sumbu silang (cross axis) vertikal. justify-content mengatur main axis, align-items mengatur cross axis.
Ganti flex-direction ke column, peran keduanya ikut bertukar. Itu saja. Sisanya tinggal latihan.