Renk dönüştürücü
Saydamlıkla birlikte HEX, RGB ve HSL dönüştürün, renk örneğini görün ve CSS değerlerini kopyalayın.
CSS Grid oluşturucu
Sabit veya uyarlanabilir ızgarayı canlı görünümde düzenleyin ve karşılık gelen CSS ile HTML’i alın.
Araç hakkında
Kart ızgarasını sayfanıza eklemeden önce farklı genişliklerde sınayabilirsiniz.
Nasıl kullanılır
Sabit sütun sayısı veya en az genişliğe göre otomatik yerleşim seçin. Satır, aralık, hizalama ve öğeleri ayarlayın. Önizleme genişliğini azaltarak dar yerleşimi deneyin; CSS ve HTML’i ayrı dışa aktarın.
Genişlik yalnız önizlemeyi etkiler. Sabit ızgara 1–12 satır/sütun, 0–80 px aralık ve 48 öğe destekler. Koda kendi içeriğinizi ve stillerinizi ekleyin.
Sık sorulan sorular
Sütun sayısı genişliğe nasıl uyarlanır?
Otomatik sığdırmayı seçip en küçük sütun genişliğini belirtin. Çıktı auto-fit ve minmax kullanır. Önizleme genişliğinin kendisi dışa aktarılmaz.
Seçtiğim satır sayısından fazla satır neden oluşuyor?
Satır ayarı açıkça tanımlanan izleri belirler, öğe sayısına üst sınır koymaz. Sabit 3 sütun ve 2 satır başlangıçta 6 hücre oluşturur; yedinci öğe örtük bir satır açar. Önizlemede yalnızca bu altı hücreyi görmek istiyorsanız öğe sayısını azaltın.
İlgili araçlar
Yeni sekmede açılır
Yorumlar
0