CSS Grid Lanjut Subgrid Masonry Implicit Tracks Auto Flow

Definisi

Selain grid-template, Grid punya fitur lanjut: subgrid (child mengikuti track parent), masonry (experimental, tata letak bata), dan implicit tracks (grid-auto-rows/grid-auto-flow) untuk item tak dijadwalkan eksplisit.

Kapan dipakai

• subgrid: alignment kolom/baris nested (form, card list) agar sejajar dengan parent.
• implicit tracks: saat jumlah item dinamis; biarkan Grid buat baris baru otomatis.
• masonry: galeri dengan tinggi tak seragam (belum stabil di semua browser — cek support).

Cara kerja

Subgrid

css

.parent { display: grid; grid-template-columns: 1fr 2fr; }
.child { grid-column: 1 /