Desain web responsif bukan tentang membuat situs terpisah untuk smartphone, melainkan menggunakan HTML dan CSS fleksibel yang beradaptasi secara dinamis.
RWD Intro
Contoh Kode RWD Intro:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { font-family: sans-serif; padding: 20px; }
.pesan-rwd {
background: #0d2e5c;
color: white;
padding: 20px;
border-radius: 8px;
text-align: center;
}
</style>
</head>
<body>
<div class="pesan-rwd">
<h3>Prinsip Dasar RWD</h3>
<p>1. Grid Fleksibel | 2. Gambar Fleksibel | 3. Media Queries</p>
</div>
</body>
</html>
Uji dan amati bagaimana deklarasi CSS RWD Intro mengubah tampilan elemen di atas.