CSS Grid Oluşturucu
Sütun ve satır sayısını, gap değerini seçerek hazır CSS Grid kodu üretin.
Dosyanız cihazınızdan ayrılmaz. Tüm işlem tarayıcınızda gerçekleşir; hiçbir dosya sunucuya yüklenmez.
Araç yükleniyor…
CSS Grid Oluşturucu nedir, ne işe yarar?
CSS Grid, karmaşık iki boyutlu düzenler için güçlüdür ama söz dizimi başta bunaltıcı olabilir. Bu araçla sütun ve satır sayısını, boşlukları ve alan şablonunu görsel olarak ayarlar, grid-template değerlerini içeren kopyalanmaya hazır CSS'i alırsınız.
Nasıl kullanılır?
- Sütun ve satır sayısını belirleyin.
- Gap (boşluk) değerini ayarlayın.
- Canlı grid önizlemesini inceleyin.
- Oluşan CSS kodunu kopyalayın.
Sık sorulan sorular
fr birimi destekleniyor mu?
Evet, sütun ve satırları esnek fr birimiyle tanımlayabilirsiniz.
Kod nereye yapıştırılır?
Kapsayıcı öğenizin CSS'ine yapıştırın; alt öğeler otomatik olarak grid hücrelerine yerleşir.