Bir ızgara (Grid) elemanının içindeki çocuk elemanların, ana ebeveynin ızgara satır ve sütun çizgilerine birebir hizalanmasını sağlayan gelişmiş CSS özelliğidir.
\n\nNasıl Çalışır ve Temel Prensipleri Nelerdir?
\ngrid-template-columns: subgrid; kuralı ile çocuğun kendi ızgarası ana ızgarayla senkronize edilir.
\n\nNeden Kritik Öneme Sahiptir?
\nYan yana dizilmiş kartların başlık, açıklama ve butonlarının içerik uzunluğu farklı olsa dahi yatayda aynı hizada durmasını sağlar.
\n\nEn İyi Uygulama ve Kullanım İpuçları
\nKart listelerinde butonları alt kenara kusursuz eşitlemek için Subgrid tercih edin.
\n\nSık Yapılan Hatalar ve Kaçınılması Gerekenler
\nDesteklemeyen eski tarayıcılar için yedek standart Flexbox kuralı tanımlamayı unutmak.
Sıkça Sorulan Sorular (SSS)
CSS Subgrid Nedir? (Alt Izgara Mimarisi) hakkında en sık yöneltilen sorular ve mühendislik ekibimizin uzman yanıtları:
Chrome, Firefox ve Safari'nin en güncel sürümlerinde tam desteklenmektedir.
İç içe geçmiş kartların satır yüksekliklerinin birbirine kilitlenmesi gerektiğinde vazgeçilmezdir.