Konverter warna
Konversi HEX, RGB, dan HSL beserta transparansi, lihat contoh warna, dan salin nilai CSS.
Generator CSS Grid
Susun grid tetap atau adaptif dengan pratinjau nyata, lalu ambil CSS dan HTML yang sesuai.
Tentang alat ini
Uji susunan kartu pada beberapa lebar sebelum memasukkannya ke halaman Anda.
Cara menggunakan
Pilih jumlah kolom tetap atau penyesuaian otomatis berdasarkan lebar minimum. Atur baris, jarak, perataan, dan item. Ubah lebar pratinjau untuk mencoba ruang sempit, lalu ekspor CSS dan HTML terpisah.
Lebar hanya memengaruhi pratinjau. Grid tetap mendukung 1–12 baris dan kolom, jarak 0–80 px, serta 48 item. Tambahkan konten dan gaya Anda pada kode hasil.
Pertanyaan umum
Bagaimana jumlah kolom mengikuti lebar?
Pilih penyesuaian otomatis dan lebar kolom minimum. Keluaran memakai auto-fit dan minmax. Lebar simulasi pratinjau tidak ikut diekspor.
Mengapa muncul lebih banyak baris daripada yang saya atur?
Pengaturan baris menentukan track eksplisit, bukan batas jumlah item. Grid tetap dengan 3 kolom dan 2 baris memiliki 6 sel awal; item ketujuh membuat baris implisit. Kurangi jumlah item jika pratinjau hanya boleh berisi enam sel tersebut.
Alat terkait
Dibuka di tab baru
Komentar
0