Cara mudah setting Grid di CSS
Terkadang grid css pada bootstrap sulit diaplikasikan, terutama jika cell (biasanya div) adalah data-data yang berupa array.
jika list div ingin kita susun rapi dengan tampilan beberapa column maka css murni adalah solusinya
Sebagai contoh, jika parent div mempunyai id = "utama". Maka code-nya seperti ini
#utama {
display: grid;
grid-template-columns: auto auto auto auto;
}
pada grid-template-columns, jika ada 3 value maka ada 3 kolom, 2 value maka ada 2 kolom, contoh diatas ada 4 value auto maka ada 4 kolom yang ukurannya otomatis ditetapkan
Jika ingin ukuran spesifik maka ganti auto menjadi ukuran angka, misalnya auto diganti 20px , maka ukuran kolom menjadi 20px
tutorial grid template : https://www.w3schools.com/cssref/pr_grid-template-columns.php
running test grid template : https://www.w3schools.com/cssref/tryit.php?filename=trycss_grid-template-columns