CSS Grid oluşturucu
Hata: Sonucu açıklanan kapsamın dışında geçerli saymak.
Çözüm: Eşit sütun ve satırlardan CSS Grid hazırla; kodu kopyalayıp kendi sayfana uyarlayabilirsin.
Arşiv · Ü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.
Bu araç arşivdedir. Yöntemini ve tarihli verilerini kullanmadan önce yeniden doğrulayın.
01Değerleri gir
Tarayıcıda çalışırTarayıcıda, çevrimdışı çalışır. Sayfa ve gerekli dosyalar yüklendikten sonra işlem için internet gerekmez.
02CSS Grid oluşturucu
Tarayıcıda çalışır
Nasıl ç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
Verilerin sende kalır
Girdiler bu sayfada işlenir; herhangi bir sunucuya gönderilmez.
Araç hakkında
Aracı kullan ↑Sütun, satır ve boşluk ölçülerinden canlı bir ızgara önizlemesi ve kullanıma hazır CSS üret.
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
- Hesap yöntemi
Sütun, satır ve boşluk ölçülerinden canlı bir ızgara önizlemesi ve kullanıma hazır CSS üret.
- Örnek senaryo · Sonuç
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(80px, auto)); gap: 16px;
Hesap yöntemi
- Eşit sütun ve satırlardan CSS Grid hazırla; kodu kopyalayıp kendi sayfana uyarlayabilirsin.
CSS Grid oluşturucu
- Sütun
- 3
- Satır
- 2
- Boşluk
- 16 px
Sonuç
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(80px, auto)); gap: 16px;
Sık sorulan sorular
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.
Terimler ve açıklamalar
Değerleri gir
- Sütun
Eşit sütun ve satırlardan CSS Grid hazırla; kodu kopyalayıp kendi sayfana uyarlayabilirsin.
Tam sayı girin; kesirli adet geçerli değildir.
En az: 1 · En çok: 12
- Satır
Eşit sütun ve satırlardan CSS Grid hazırla; kodu kopyalayıp kendi sayfana uyarlayabilirsin.
Tam sayı girin; kesirli adet geçerli değildir.
En az: 1 · En çok: 12
- Boşluk
Bu büyüklüğün sayısal değerini girin. Alanın yanında gösterilen birimi kullanın. px
En az: 0 · En çok: 100 px
Sonuç
- Sonuç
Eşit sütun ve satırlardan CSS Grid hazırla; kodu kopyalayıp kendi sayfana uyarlayabilirsin.
Girdilerinizden aşağıdaki yöntemle hesaplanır.
Sık yapılan hatalar ve çözümleri
Sınırlar ve temel varsayımlar
- Eşit sütun ve satırlardan CSS Grid hazırla; kodu kopyalayıp kendi sayfana uyarlayabilirsin.
- Gösterilen sonuçlar yuvarlanabilir; yuvarlama ölçüm hassasiyetini artırmaz.