BELAJAR WEB DESAIN

Membuat Responsive web

Dengan responsive web design web anda akan selalu fokus dan rapi jika dibuka atau dijalankan dengan perangkat Gadget halaman web tidak mengeser kesamping.

Konsep dari responsive web design terletak pada kode css, dengan cara merubah dari lebar web dari pixel ke persen, bila web anda  belum responsive coba buat css lagi lalu, link css  baru tersebut ke halaman design web anda. 

Untuk membuat responsive web design script kode dibawah ini sangat dibutuhkan, 

@media only screen and (min-width: 320px) and (max-width:800px)
{

.rangka{

   width:100%;

       } 

}

Maksut dari kode diatas adalah meberikan nilai seratus persen untuk min-width 320px dan maksimal width:800px.

 

 

 

 

Silahkan mencoba

Terima kasih