Rasanya CSS Grid telah lama datang, tetapi sekarang nampaknya mencapai titik di mana orang bercakap lebih banyak tentangnya dan bahawa ia menjadi sesuatu yang harus kita pelajari. Saya mula membaca beberapa catatan dan bermain-main dengan sintaks beberapa minggu yang lalu, tetapi meminta rakan saya CSS-Trickster Miriam Suzanne untuk membacanya dengan saya di hangout video.
Kami meluangkan masa untuk meneliti asas-asas CSS Grid dan apa yang kami pelajari adalah jauh lebih menakutkan untuk mula menggunakannya daripada yang diharapkan oleh salah satu daripada kami. Kami mulakan dengan contoh mudah dan kemudian mencari jalan melalui sifat CSS Grid untuk mengetahui perkara-perkara lain yang mampu ditangani tanpa terlalu jauh di rumput.
Berikut adalah beberapa sumber yang kami nyatakan semasa sembang kami yang patut dihubungkan ke:
- Panduan Lengkap untuk Grid - Gambaran keseluruhan komprehensif mengenai CSS Grid, termasuk sifatnya dan sebutan istilah dan konsep penting.
- CodePen Demo - Ini adalah contoh mudah yang kami mulakan dalam video dan maju semasa kami berjalan.
- CSS Grid dan Grid Highlighter - Alat ini disebutkan hingga akhir dan menyediakan cara untuk memvisualisasikan tata letak Grid menggunakan Firefox DevTools.