CSS Grid'in uzun zamandır gelmekte olduğunu hissediyor, ancak şimdi insanların onun hakkında giderek daha fazla konuştuğu ve öğrenmemiz gereken bir şey haline geldiği bir noktaya ulaşıyor gibi görünüyor. Geçtiğimiz birkaç hafta içinde birkaç gönderi okumaya ve sözdizimi ile oynamaya başladım, ancak CSS-Hileci arkadaşım Miriam Suzanne'den bir video mekânında benimle birlikte gezinmesini istedim.
Zamanımızı CSS Grid'in temellerini araştırarak geçirdik ve öğrendiğimiz şey, onu kullanmaya başlamanın ikimizin de beklediğinden çok daha az korkutucu olduğuydu. Basit bir örnekle başlıyoruz ve ardından yabani otlarda fazla ileri gitmeden başka neler yapabileceğini öğrenmek için CSS Grid özelliklerinde yolumuza devam ediyoruz.
Sohbetimiz sırasında bahsettiğimiz, bağlantı vermeye değer birkaç kaynağı burada bulabilirsiniz:
- Tam Kılavuz Kılavuz - Özellikleri ve önemli terimler ve kavramlar sözlüğü dahil CSS Grid'e kapsamlı bir genel bakış.
- CodePen Demo - Bu, videoda başladığımız ve ilerledikçe geliştirdiğimiz basit bir örnek.
- CSS Grid ve Grid Highlighter - Bu araçtan sona doğru bahsedildi ve Firefox DevTools kullanarak Izgara düzenini görselleştirmenin bir yolunu sağlıyor.