Layar memiliki ukuran yang sangat beragam
Smartphone kecil, tablet, laptop, dan monitor lebar membutuhkan susunan yang berbeda. Layout fleksibel membantu satu website tetap berguna di semuanya.
Grid harus bisa berubah bentuk
Tiga kolom pada desktop biasanya perlu menjadi satu kolom di smartphone. Perubahan tersebut menjaga card tetap memiliki ruang yang cukup.
Gambar perlu ikut menyesuaikan
Lebar gambar seharusnya tidak melewati kontainer. Srcset juga membantu browser memilih resolusi yang sesuai.
Navigasi mobile membutuhkan pendekatan khusus
Menu horizontal panjang tidak cocok di layar sempit. Hamburger atau panel vertikal memberi ruang lebih baik.
Pengujian tidak cukup hanya mengecilkan browser
Perangkat asli memiliki perilaku sentuh, safe area, dan pengaturan teks sendiri. Uji nyata tetap diperlukan sebelum publikasi.