UTILS.
100% di peramban

Generator CSS Grid

Hasilkan tata letak CSS grid dengan kolom, baris, dan jarak yang dapat disesuaikan, lengkap dengan pratinjau langsung.

Tentang alat ini

Tentukan jumlah kolom dan baris beserta jaraknya untuk membangun CSS grid dan menyalin kodenya, semuanya di browser Anda.

Pertanyaan yang sering diajukan

Bagaimana ukuran trek ditentukan?
Kolom dan baris menggunakan repeat() dengan 1fr sehingga berbagi ruang yang tersedia secara merata.
Apa fungsi kontrol gap?
Kontrol ini mengatur jarak grid dalam piksel di antara setiap sel, diterapkan langsung ke pratinjau.

Alat lainnya