Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Kali ini saya akan membagikan Cara Membuat Layout Website Responsive Tanpa Bootstrap.

Pasti teman-teman ingin tahu kan Cara Membuat Layout Website Responsive Tanpa Bootstrap. Ya bisa karena di CSS 3  kita bisa menggunakan flex-wrap untuk membuat layout suatu website menjadi responsive.

Ok, langsung saja teman-teman saya akan memberikan bagaimana menggunakan flex-wrapnya :

– Ketikan codingan HTML di bawah ini:

– Lalu Ketikan codingan css di bawah:

Ya sekarang kita lihat hasilnya di browser :

Tampilan pada desktop

cara-membuat-layout-website-responsive-tanpa-bootstrap-1

Tablet

cara-membuat-layout-website-responsive-tanpa-bootstrap-2

Smartphone :

cara-membuat-layout-website-responsive-tanpa-bootstrap-3

Bagaiman teman-teman mudahkan Cara Membuat Layout Website Responsive Tanpa Bootstrap. Sekian tutorial dari saya, semoga bermanfaat. Sehat selalu ya teman-teman.