Pembuat grid CSS
Susun track dan area bernama dengan pratinjau grid lokal, lalu ekspor HTML/CSS.
- Berjalan di browser
- Tanpa unggahan
- Periksa sebelum mengunduh
Input tetap berada di tab ini dan tidak diunggah atau disimpan otomatis. Hitungan penggunaan agregat dan diagnostik pemrosesan yang umum bersifat opsional dan hanya dikirim setelah Anda setuju, tanpa isi input atau nama file. Jika tab dikosongkan atau ditutup, input hilang; simpan hasil yang Anda perlukan lebih dulu.
Batas sumber daya
Grid: fr 0,01–100 / px 0–2000 / % 0–100 / auto; [a-z][a-z0-9_-]{0,19}. 1–8 track per sumbu (fr/px/%/auto), jarak 0–100 px, hingga 64 sel. Setiap area bernama harus membentuk satu persegi panjang. Titik berarti sel kosong. Label pratinjau sama dengan item yang diekspor. Pratinjau lokal yang terbatas, bukan jaminan untuk semua browser/tata letak. Input tidak pernah dijalankan. Unduh HTML dan CSS sekaligus. Batas waktu: 8 detik.
Cara menggunakan
- Atur contoh
Tambahkan kolom dan baris, lalu pilih satuan/ukuran tiap track dan jaraknya. Isi sel area dengan nama persegi panjang yang berulang atau titik. Buat dan periksa posisi item sebelum mengekspor HTML dan CSS.
- Periksa sebelum dipakai
Input tetap berada di tab ini dan tidak diunggah atau disimpan otomatis. Hitungan penggunaan agregat dan diagnostik pemrosesan yang umum bersifat opsional dan hanya dikirim setelah Anda setuju, tanpa isi input atau nama file. Jika tab dikosongkan atau ditutup, input hilang; simpan hasil yang Anda perlukan lebih dulu. Grid: fr 0,01–100 / px 0–2000 / % 0–100 / auto; [a-z][a-z0-9_-]{0,19}. 1–8 track per sumbu (fr/px/%/auto), jarak 0–100 px, hingga 64 sel. Setiap area bernama harus membentuk satu persegi panjang. Titik berarti sel kosong. Label pratinjau sama dengan item yang diekspor. Pratinjau lokal yang terbatas, bukan jaminan untuk semua browser/tata letak. Input tidak pernah dijalankan. Unduh HTML dan CSS sekaligus. Batas waktu: 8 detik.
- Ekspor hasil yang sudah diperiksa
Unduh hasil; Unduh file asli
Pertanyaan dan batas
Batas sumber daya
Grid: fr 0,01–100 / px 0–2000 / % 0–100 / auto; [a-z][a-z0-9_-]{0,19}. 1–8 track per sumbu (fr/px/%/auto), jarak 0–100 px, hingga 64 sel. Setiap area bernama harus membentuk satu persegi panjang. Titik berarti sel kosong. Label pratinjau sama dengan item yang diekspor. Pratinjau lokal yang terbatas, bukan jaminan untuk semua browser/tata letak. Input tidak pernah dijalankan. Unduh HTML dan CSS sekaligus. Batas waktu: 8 detik.
Desain offline
Input tetap berada di tab ini dan tidak diunggah atau disimpan otomatis. Hitungan penggunaan agregat dan diagnostik pemrosesan yang umum bersifat opsional dan hanya dikirim setelah Anda setuju, tanpa isi input atau nama file. Jika tab dikosongkan atau ditutup, input hilang; simpan hasil yang Anda perlukan lebih dulu.
Periksa sebelum dipakai
Tambahkan kolom dan baris, lalu pilih satuan/ukuran tiap track dan jaraknya. Isi sel area dengan nama persegi panjang yang berulang atau titik. Buat dan periksa posisi item sebelum mengekspor HTML dan CSS.