Tasarım · Ücretsiz

CSS Grid oluşturucu

Sütun, satır ve boşluk ölçülerinden canlı bir ızgara önizlemesi ve kullanıma hazır CSS üret.

01Değerleri gir

Tarayıcıda çalışır

—

Tarayıcıda çalışır

Sütun, satır ve boşluk ölçülerinden canlı bir ızgara önizlemesi ve kullanıma hazır CSS üret.

Tarayıcıda çalışır

Girdiler bu sayfada işlenir; herhangi bir sunucuya gönderilmez.

Araç hakkında

Eşit sütun ve satırlardan CSS Grid hazırla; kodu kopyalayıp kendi sayfana uyarlayabilirsin.

Değerleri gir
Sütun · Satır · Boşluk
Hesapla / oluştur
Sütun, satır ve boşluk ölçülerinden canlı bir ızgara önizlemesi ve kullanıma hazır CSS üret.
Sonuç
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(80px, auto)); gap: 16px;

Eşit sütun ve satırlardan CSS Grid hazırla; kodu kopyalayıp kendi sayfana uyarlayabilirsin.

Örnek senaryo

Sonuç

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

Sonuç nasıl yorumlanmalı?

Eşit sütun ve satırlardan CSS Grid hazırla; kodu kopyalayıp kendi sayfana uyarlayabilirsin.

Verilerim nereye gider?

Hesaplar cihazında çalışır. Form girdileri bir sunucuya gönderilmez.