Bu araç hakkında
CSS Grid Oluşturucu, üç basit denetimi — sütun sayısı, satır sayısı ve boşluk — yapıştırmaya hazır bir CSS grid düzenine çeviren, ücretsiz ve tarayıcıda çalışan bir araçtır. Değerleri belirleyin, canlı bir önizlemenin yeniden çizilmesini izleyin ve oluşturulan kuralı kopyalayın.
Sütunlar ve satırlar 1 ile 12 arasında (varsayılan 3 ve 2) tam sayılardır ve boşluk, 0 ile 40 piksel arası bir kaydırıcıdır (varsayılan 10). Her iki boyut da repeat() ve 1fr birimiyle yazılır; böylece her parça mevcut alanı eşit olarak paylaşır. Önizleme, her hücreyi numaralı ve renkli bir blokla doldurur, böylece parça yapısını bir bakışta görebilirsiniz; çıktı ise display: grid, grid-template-columns, grid-template-rows ve gap kullanan düz bir .grid kuralıdır. Tek tık, onu panonuza kopyalar.
Her şey tamamen tarayıcınızda çalışır — yükleme yok, hesap yok, takip yok — ve sayfa bir kez yüklendikten sonra çevrimdışı çalışmaya devam eder.