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

Posting Komentar

Postingan populer dari blog ini

SEJARAH MIKROTIK, JENIS MIKROTIK, FITUR, DAN SERTIFIKAT MIKROTIK

SEJARAH MIKROTIK, JENIS MIKROTIK, FITUR, DAN SERTIFIKAT MIKROTIK A. Sejarah Mikrotik Pada tahun 1996 Johnson dan Armin memulai dengan sistem Linux dan MS DOS yang dikombinasikan dengan teknologi Wireless LAN (W-LAN) Aeronet berkecepatan 2Mbps di Moldova. Barulah kemudian melayani lima pelanggannya di Latvia, karena ambisi mereka adalah membuat satu peranti lunak router yang handal dan disebarkan ke seluruh dunia. Prinsip dasar MikroTik bukan membuat Wireless ISP (WISP), tapi membuat program router yang handal dan dapat dijalankan di seluruh dunia. Hingga kini, MikroTik telah melayani sekitar empat ratusan pelanggannya.                                        Linux yang mereka gunakan pertama kali adalah Kernel 2.2 yang dikembangkan secara bersama-sama dengan bantuan 5 - 15 orang staf R&D Mikrotik yang sekarang menguasai dunia routing di negara ne...
Baca selengkapnya

DHCP SERVER DAN CLIENT DI MIKROTIK

Gambar
 DHCP SERVER DAN CLIENT DI MIKROTIK 1. Setting identity router 1 2. Setting Interface router 1 3. Setting IP Address router 1 4. Setting IP Route router 1 5. Setting IP DNS 6. Setting Firewall NAT 7. Tampilan Halaman Winbox 8. Tambah IP Address untuk R2 di winbox 9. Setting DHCP Server 10. Setting identity di router 2 11. Setting Interface di router 2 12. Setting IP DHCP Client di router 2 13. Lihat Settingan
Baca selengkapnya