Gunakan max-width: 100%; height: auto; agar gambar otomatis mengecil saat kontainer menyempit.
RWD Images
Contoh Kode RWD Images:
<!DOCTYPE html>
<html>
<head>
<style>
.img-responsif {
max-width: 100%;
height: auto;
border-radius: 8px;
}
</style>
</head>
<body>
<img src="https://picsum.photos/600/300" class="img-responsif" alt="Banner Responsif">
</body>
</html>Uji dan amati bagaimana deklarasi CSS RWD Images mengubah tampilan elemen di atas.