CSS Grid şablonu oluşturucu

Eşit sütunlar, otomatik satırlar ve boşluk içeren bir CSS Grid bildirimi oluşturun.

Grafik Veriler saklanmaz

Hızlı kılavuz

Bir örnek deneyin

Girdi

Sütunlar
3
Satırlar
2
Aralık (px)
16

Sonuç

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Nasıl çalışır ve sınırlar

24 sütunlarına ve satırlarına kadar seçin. Sonucu ızgara konteyneriniz için CSS kuralına yapıştırın.