BELAJAR CSS GRID

 BELAJAR CSS GRID





1. Apa itu Grid CSS

CSS Grid Module adalah sistem tata letak berbasis grid, dengan baris dan kolom, sehingga memudahkan mendesain halaman web tanpa harus menggunakan float dan positioning.
Css Grid sudah support di semua browser seperti, Chrome, Edge, Mozilla, Safari, Opera

2. Grid Layout

Kode 

Output


3. Grid Elemen

Kode

Output


Ketika diganti display nya menjadi inline-grid, maka tampilannya berubah jadi :


4. Column Gap

Kode

Output


5. Row Gap

Kode

Output

6. Gap

Kode 


Output









Komentar

Postingan populer dari blog ini

SEJARAH MIKROTIK, JENIS MIKROTIK, FITUR, DAN SERTIFIKAT MIKROTIK

DHCP SERVER DAN CLIENT DI MIKROTIK