Sofya Emelianova
Chrome Geliştirici Araçları, çeşitli görselleştirme seçenekleriyle CSS ızgara düzenlerinde hata ayıklamayı sezgisel hale getirir.
Öğeler panelinde ızgara yer paylaşımını nasıl açıp kapatacağınızı ve bunu şu amaçlarla nasıl kullanacağınızı öğrenmek için videoyu izleyin:
- Izgara düzenlerini görselleştirin ve denetleyin.
- Izgara öğelerini yerleştirirken başvurulacak satır ve sütun numaralarına bakın.
- Çok sayıda tablo öğeniz varsa ve sayılar kafa karıştırıcıysa satır ve alan adlarını kullanın ve bunları yer paylaşımında görün.
- Parça boyutlarını kontrol edin.
Ayrıca, Öğeler > Stiller bölmesindeki Izgara Düzenleyici sayesinde öğeleri ve içeriklerini, CSS kurallarını yazmak yerine tek bir düğmeyi tıklayarak ızgara düzeninde hizalayabilirsiniz.
Daha uygulamalı bir öğrenme deneyimi için CSS Izgarasını İnceleme eğiticisini izleyin.