CSS : Membuat Responsiive Web

Assallamuallaikum Wr Wb  ,.
Halo kawan kawan , pada kesempatan kali ini saa ingin sedikit berbagi ilmu yang saya pelajari. Kali ini kita akan membuat Web Agar Responsive menggunakan CSS.

PENGERTIAN
Desain Web Responsif (bahasa Inggris:Responsive Web Design (RWD)) adalah sebuah metode atau pendekatan sistem web desain yang bertujuan memberikan pengalaman berselancar yang optimal dalam berbagai perangkat, baik mobile maupun komputer meja.

LATAR BELAKANG 
Dalam pembuatan web responsive ini berguna agar Suatu tampilan Web dapat menyesuaikan dengan perangakat yang di gunakan untuk membuka web  tersebut.

ALAT & BAHAN :

• PC / Laptop
• Text Editor
• Browser

Di bawah ini adalah sintag dari contoh dari tampilan website responsive sederhana yang saya buat :

Script CSS internal

CSS Responsive untuk Desktop /PC

CSS Responsive untuk Smarthphone

sintag HTML

Jika sudah selesai simpan file , dalam format html dan jalankan di brower kawan kawan.

Tampilan pada Dekstop

Tampilan pada saat resolusi web di kecilkan se ukuran dengan smarthphone

Mungkin cukup sekian postingan saya kali ini , apabila ada kurangnya saya mohon maaf. Sekian dan Terima Kasih,.