Hai teman-teman, apa kabar nih ?? semoga baik-baik aja yah aminn ,  nah pada kesempatan kali ini saya akan berbagi artikel mengenai Cara Membuat Grid Responsive Menggunakan HTML & CSS .

ada yang lagi bingung pengen buat website responsive tapi gatau caranya gimana ?? yuk jangan bingung-bingung mening baca-baca dulu disini siapa tau tertarik, Pokoknya mah di jamin ga bakal nyesel kalau baca ini …

oke kita langsung saja yuk ke praktiknya :

Oke pertama-tama kita bikin script SVG nya di HTML seperti ini  :

html html2

nah jika sudah sekarang teman-teman buat CSSnya, Seperti ini :

css1 css2 css3 css4 css5 css6

nah teman-teman ini dia yang membuat website kita responsive, yaitu menggunkana @media screen.

css7 css8

Jika sudah membuat HTML dan CSSnya sekarang coba kita lihat di browser hasilnya :

hasil

nah jika teman-teman membuka website nya di handphone maka akan seperti ini tampilannya :

hasil2

Gimana teman-teman, tertarik untuk membuatnya? , oke selamat mencoba yah semoga bermanfaat 🙂

oke mungkin untuk kali ini sekian , sampai ketemu di artikel selanjutnya 🙂