CSS Grid generator

CSS Grid generator online gratis. Memproses data secara instan di peramban Anda. Tanpa unggah, tanpa daftar, sepenuhnya pribadi.

Pemrosesan lokal

Custom template (override cols/rows)

columns: 3

rows: 2

column gap: 8px

row gap: 8px

Preview

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, minmax(40px, auto));
  column-gap: 8px;
  row-gap: 8px;
}

Cara Menggunakan

Masukkan masukan Anda di atas. Hasilnya diperbarui secara otomatis. Gunakan tombol salin untuk menyalin hasilnya.

Pribadi

Semua pemrosesan terjadi di browser Anda. Data Anda tidak pernah diunggah ke server mana pun.

Pertanyaan Umum

Apakah CSS Grid generator ini gratis?

Ya, sepenuhnya gratis. Tidak perlu mendaftar.

Apakah alat ini mengunggah data saya?

Tidak. Semua pemrosesan terjadi secara lokal di peramban Anda. Data Anda tidak pernah meninggalkan perangkat Anda.

CSS Grid generator