Membuat Website Responsive dengan Css Dan html

Hai Coders! Bagi Kalian yang baru Terjun ke dunia programmer pasti kalian bertanya tentang cara membuat website yang Responsive supaya mempunyai tampilan yang bagus dan rapih tentunya

Apa itu Web Yang Responsive?
Desain Web Responsif adalah sebuah metode atau pendekatan sistem web desain yang bertujuan memberikan pengalaman berselancar yang optimal dalam berbagai perangkat, baik mobile maupun komputer Anda

Jadi Sangat perlu Web yang Responsive Lalu Bagaimana Saya dapat membuat website yang responsive? 


Membuat Tampilan website yang Responsive

Saatnya Kita Mulai, Untuk membuat tampilan web yang responsive ini sebenarnya sangat mudah hanya dengan memperhatikan penulisan atau kegunaan syntax html atau css

lalu bagaimana contohnya?

disini saya memberikan contoh tampilan webnya, saya membagi dua bagian file karena saya akan memisahkan css nya

Berikut Adalah Source Kodenya:

index.html

Style.css




Lalu coba kalian jalankan dan kalian edit source code di atas

maka untuk tampilan layar pc/komputer/dekstop anda seperti ini:

untuk tampilan Mobile maka akan memiliki tampilan seperti ini:

Bagaimana? sangat mudah? Bisa langsung kalian praktekan!

Sekian saja tutorial kali ini ^-^ Mohon Maaf jika ada Salah Mulai dari pengucapan pada artikel ini :D

Referensi: Dika Ardiansyah