Modul Dasar CSS Grid untuk Pemula
Secanggih apapun pemrograman JavaScript, namun pemakai (user) menilai
aplikasi tetap dari sisi User Interface – User Experience (UIUX). Kunci dari
keberhasilan UIUX tersebut ada pada CSS, terutama terhadap desain layout yang
dibuat.
CSS3 menawarkan banyak fitur baru dalam membuat Layout, antara lain dengan
menggunakan FlexBox dan terakhir menggunakan CSS-Grid. FlexBox merupakan
desain satu dimensi sedangkan CSS-Grid menggunakan dua dimensi, artinya Grid
berkonsentrasi atas baris dan kolom (row – column).
Sebagai Developer MWS, kedua konsep ini harus dikuasai dengan baik. Pada
Udacity elearning baru dijelaskan tentangflexbox, sedangkan CSS-Grid belum
beredar. Hal ini karena CSS-Grid masih relatif baru dan belum semua browser
mendukung CSS-Grid.
Tutorial berikut menjelaskan awal penggunaan CSS-Grid untuk dapat memahami
cara pengguaannya secara praktis. Contoh tersebut tentunya tidak menggali
seluruh fitur CSS-Grid yang ada, namun menjelaskan esensi CSS-Grid sehingga
desain layout sudah dapat terbentuk dengan baik.
Front-End Developer wajib memahami CSS-Grid!
About Author
