Pada materi kali ini saya akan menjelaskan cara membuat website responsive tanpa bantuan Bootstrap , bagaimana bisa ? tentu saja bisa teman teman , teman teman perlu memperhatikan langkah langkah di bawah ini :
 Â
1. Membuat Struktur HTML Dengan baik
Perlu kita perhatikan cara membuat struktur HTML mulai dari bagian Header sampai Footer , jangan sampai ada hal sedikit yang bisa merusak content yang ada. dan perhatikan pula saat pembagian menjadi beberapa kolomnya
2. Desain CSS
untuk desain CSS alangkah lebih baik dengan sangat rapi dari atas sampai bawah
3. Elemen memakai satuan persen
ada beberapa kriteria untuk membuat website responsive dengan persen , biasanya kita menggunakan satuan pixel , coba teman teman untuk menggunakan %Â pada div,header,footer,article,gambar, dll.
4. Media Screen
media screen adalah senjata andalan untuk membuat web responsive , jadi kita bisa mengatur perubahan sesuai screen agar menyesuaikan dengan keadaan yang bisa kita ubah , bagaimana media screen tersebut ? saya akan jelaskan di article ini