Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Cara Membuat Responsive WEB dengan HTML CSS.
Kalau biasanya kita membuat responsive web menggunakan framework seperti bootstrap, bulma, lessframework.comcssgrid.net dan lain sebagainya maka pada tutorial kali ini saya akan membuat responsive design menggunakan natif HTML + CSS.  Untuk membuat responsive design menggunakan natif HTML + CSS yang pertama kali kita lakukan adalah membuat struktur html seperti script dibawah ini.

Oke kita telah berhasil membuat struktur HTML untuk membuat Responsive WEB dengan HTML CSS. Nantinya kita akan membuat responsive seperti menggunakan framework, jadi web yang akan kita buat ini bakal menyesuaikan tampilannya di dalam layar tampilan seperti smartphone, tablet, dan dekstop.  Oke sekarang kita akan membuat CSS dari struktur HTML di atas:

 

Oke kita telah berhasil membuat css dari Cara Membuat Responsive WEB dengan HTML CSS. Untuk melihat hasilnya silahkan teman – teman lihat sendiri di dalam browsernya.