Generator templat CSS Grid

Buat deklarasi CSS Grid dengan lebar kolom yang sama, baris otomatis, dan jarak antarelemen.

Grafis Tanpa penyimpanan data

Panduan singkat

Coba contoh

Masukan

Kolom
3
Baris
2
Perbedaan (px )
16

Hasil

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Cara kerja dan batasan

Pilih sampai 24 kolom dan baris. menyesuaikan hasil ke dalam aturan CSS untuk kontena jaringan Anda.