CSS Grid merupakan sebuah fitur baru dari CSS yang memungkinkan kita melakukan layouting halaman web dengan CSS sebagai alternatif menggunakan tabel, flexbox, dan juga float. Fitur baru ini memungkinkan kita mengatur posisi kolom dan baris sesuai kebutuhan dengan lebih mudah dibandingkan menggunakan tabel, float, maupun flexbox dan tentunya tanpa menggunakan framework CSS karena sudah ada dalam core CSS itu sendiri.
Nah, untuk memudahkanmu belajar mengenai CSS Grid ini, sebuah perusahaan bernama Codepip mengembangkan sebuah permainan berbasis web bernama Grid Garden. Permainan ini memiliki 2 bagian. Bagian kiri yang menampilkan instruksi dan juga kolom untuk langsung mempraktekkannya. Sedangkan bagian kanan berisikan sebuah taman yang berbentuk kotak - kotak (Mirip game plant vs zombie). Tugasmu disini adalah menyirami sayuran dengan air ataupun memberi racun/ pertisida pada hama, dan tentunya kita melakukannya menggunakan kode yang bisa ditulis pada bagian yang telah disediakan
Game Grid Garden ini cocok untuk kamu yang lebih suka belajar sambil langsung mempraktekkannya karena kita disini juga dapat bereksperimen. Terdapat 28 level yang tersedia, level sebanyak itu sudah lebih dari cukup untuk kita dalam memahami CSS Grid untuk keperluan developing suatu tampilan website.
Jika kamu tertarik untuk mencobanya, kamu bisa langsung mengunjungi websitenya di https://cssgridgarden.com. Bagaimana menurutmu tentang fitur baru CSS dan Game Grid Garden ini? tulis pendapatmu di kolom komentar ya.