Grid perlu mengikuti kapasitas layar
Tiga kolom kartu dapat terlihat lapang di monitor, tetapi akan terlalu sempit jika dipaksakan pada ponsel. CSS responsif mengubah jumlah kolom berdasarkan ruang yang tersedia. Teks tetap memiliki panjang baris yang wajar, sementara gambar menggunakan lebar yang mengikuti wadah. Tujuannya bukan membuat semua komponen tampak sama persis, melainkan mempertahankan fungsi dan urutan baca yang masuk akal.
Navigasi horizontal membutuhkan ruang lentur
Menu panjang lebih mudah dibaca ketika dapat digeser secara horizontal daripada dipaksa mengecil hingga tidak terbaca. Di bagian bawah layar, tiga tujuan utama disusun dengan area ketukan yang jelas. Pengunjung tidak perlu mencari tombol di antara terlalu banyak ikon. Pada desktop, pengelompokan dan jarak antar elemen dapat diperluas tanpa mengubah arti setiap label.
Pengujian kecil sering menemukan masalah besar
Lebar 320 piksel tetap relevan untuk memeriksa apakah judul, galeri, dan dialog tampil tanpa meluap. Perhatikan tombol yang panjang, gambar yang memaksakan ukuran asli, serta paragraf yang mengandung kata tanpa spasi. Selain memeriksa tampilan, uji klik pencarian dan galeri untuk memastikan fungsi JavaScript tetap berjalan sesudah tata letak berubah. Responsivitas adalah gabungan keterbacaan dan perilaku yang konsisten.