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