CSS Grid Düzen Temelleri ve Kesir Birimi

Esnek, duyarlı web düzenleri tasarlamak, yalnızca katı piksellere veya tahmin edilemeyen yüzdelere güvenildiğinde zorlayıcı olabilir. CSS Grid düzen motorundan—özellikle kesir biriminden (fr)—nasıl yararlanılacağını anlamak, modern ön uç tasarımına yaklaşımınızı değiştirir. Bu kurs sizi grid kapsayıcı hizalamanın mutlak temellerinden gelişmiş duyarlı düzenlere kadar yönlendirir. Alanı orantılı olarak dağıtmayı, akışkan ve sabit boyutlandırmayı birleştirmeyi ve temiz belge yapıları oluşturmayı öğreneceksiniz. Neler öğreneceksiniz: CSS Grid kapsayıcılarının ve öğe yerleşiminin temel mekaniklerini anlayın; Mevcut alanı dinamik olarak dağıtmak için kesir biriminde (fr) ustalaşın; Sağlam hibrit düzenler için pikselleri, yüzdeleri ve kesir birimlerini birleştirin; Akışkan duyarlılık için repeat ve minmax gibi modern CSS işlevlerini uygulayın; Ağır framework'lere güvenmeden erişilebilir, mobil öncelikli grid yapıları tasarlayın. Pratik boyutlandırma kalıplarına ve gerçek dünya hizalama senaryolarına geçmeden önce temel düzen terminolojisi ve temel sözdizimi ile başlıyoruz. Bu kurs, modern, duyarlı düzenler oluşturmak isteyen HTML ve CSS hakkında temel bilgiye sahip başlangıç seviyesindeki web geliştiricileri ve tasarımcıları için tasarlanmıştır. Daha temiz, daha esnek web arayüzleri oluşturmak için bugün okumaya başlayın.