Membuat Responsive Design Sederhana

Melanjutkan postingan Edy Pang tentang Mengenal Responsive Webdesign saya ingin berbagi cara yang cukup sederhana untuk membuat website kita responsive hanya dengan menambah elemen @media-query pada CSS.

Tahap pertama yang harus kita pahami dalam membuat responsive web adalah lebar dari disain blog/situs kita, diantaranya lebar container, wrapper ataupun main. Kita kasih contoh pada blog saya rudyazhar.com, apa-apa saja yang saya sesuaikan untuk membuatnya menjadi responsive.

Tapi untuk mengujinya silahkan anda perkecil tampilan pada browser anda mulai dari yang lebih kecil hingga yang sangat kecil dan lihat apa yang terjadi.. Blog saya tetap mengikuti seberapa lebar tampilan browser tersebut, tidak ada scroll sama sekali kesamping. Itu yang namanya responsive.

Berita lainnya