Rasanya CSS Grid telah datang untuk waktu yang lama sekarang, tetapi sepertinya sekarang telah mencapai titik di mana orang-orang berbicara lebih banyak tentangnya dan itu menjadi sesuatu yang harus kita pelajari. Saya mulai membaca beberapa pos dan bermain-main dengan sintaks beberapa minggu terakhir, tetapi meminta rekan saya CSS-Trickster Miriam Suzanne untuk membacanya bersama saya di video hangout.
Kami menghabiskan waktu kami mencari tahu dasar-dasar CSS Grid dan apa yang kami pelajari adalah bahwa jauh lebih menakutkan untuk mulai menggunakannya daripada yang kami harapkan. Kami mulai dengan contoh sederhana dan kemudian menelusuri properti CSS Grid untuk mempelajari hal-hal lain apa yang mampu ditangani tanpa terlalu jauh di dalam gulma.
Berikut beberapa sumber daya yang kami sebutkan selama obrolan kami yang layak ditautkan:
- A Complete Guide to Grid - Tinjauan komprehensif tentang CSS Grid, termasuk propertinya dan glosarium istilah dan konsep penting.
- Demo CodePen - Ini adalah contoh sederhana yang kami mulai dalam video dan terus berlanjut.
- CSS Grid and Grid Highlighter - Alat ini disebutkan di bagian akhir dan menyediakan cara untuk memvisualisasikan tata letak Grid menggunakan Firefox DevTools.