grid.jpg-cahitsoyman.blogspot.com

Bu makalede, css grid çizgisi isimlendirmesi ve kullanımı hakkında örnek vererek bir Grid Sayfası oluşturmaya çalışacağım.

Grid çizgisini basit ve detaylı olmayan sayfalarda satırlara rakamlar vererek belirtiyoruz. 

Örnek olarak; grid-row:1, grid-row:2 gibi.

Gelişmiş ve karışık sayfa planlarında rakamlarla kullanımın zorluğuna karşı grid çizgilerine çizgi ismi vererek  kullanmak daha kolaylık sağlamaktadır.

Bu makalede, üç kolonlu bir sayfa yapısı planı üzerinde, grid çizgi isimlendirmeyi anlatmaya çalışacağım. 

Kodlamaya geçmeden önce css grid (ızgara) ile ilgili bilinmesi gereken kavramlar daha önce ki makalelerim de anlatılmıştı. Bu yüzden bu konu ile ilgili olarak burada bilgi verilmeyecektir.





Kaynak Kodları: İNDİR

Anlatımın bundan sonraki bölümünü aşağıda ki videodan veya youtube kanalımdan takip edebilirsiniz.