Ufak Tefek Grid’ler
[ Okuma süresi tahmini 2 dakikadır ]
Yeni Grid sistemini ara ara inceleyiyorum. Bildiğiniz gibi başta tarayıcıların desteği yetersiz idi. Şimdi hemen hemen tüm major tarayıcıların son sürümleri destekliyor. Standartları da oturdu, oturacak. Ufak tefek sorunlar var halen.
Biraz ‘Yeni’ Gridden Ekleyelim Siteye
Ben de site yapısını daha verimli olabileceğini düşünerek biraz biraz denemelere giriştim.
Postların altında “ilgili yazıların” bulunduğu kutular kısmının css kodlarını ‘grid’e çevirdim. Güncel tüm tarayıcılarda çalışıyor. Hiç bir sorun yok.
EK: Geçici olarak daha eski tarayıcılar için de CSS içinde Flex desteğini bir süre için devam ettiriyoruz.
WordPress Sorunları
WordPress CSS yeni editöründe ise sorun var. 1fr birimini hatalı olarak işaretliyor.
‘fr‘ yerine başka birim kullandığımızda ise, kutular ve içeriğinde uygun olmayan boyutlamalar ortaya çıkabiliyor.
W3C CSS3 Geçerlilik Testi
W3C CSS3 Geçerlilik Testinde grid kodları temiz ve geçerli. Sorun yok. Ancak önceki tarayıcılar için ‘flex’ desteği vermek istediğimizde, Unrecognized at-rule @supports hatası veriyor.
Oysa @supports geçerli bir kod. Sorun için destek yakında gelecektir diye umuyoruz.
NOT:W3C CSS3 Geçerlilik Testi düzeldi. Çözdüler sorunu. 24/03/2018
Tamamen Grid Yapılı Site
Henüz böyle bir şeye cesaret edemem. Nerede ne patlar, ne yamulur tam belli değil. WordPress ana sayfa ve post, sayfa yapıları için daha fazla kod ve css gerekebilir. Buna da gerek yok şimdilik.