Pengalaman mobile yang tetap jelas di layar kecil

Mengutamakan keterbacaan

Pada smartphone, beberapa kolom desktop berubah menjadi susunan vertikal. Judul tetap diberi jarak dari gambar, tombol punya area tekan yang cukup, dan teks tidak diletakkan di atas poster yang padat ilustrasi.

Pengaturan ini membantu pengunjung membaca tanpa harus menebak tombol mana yang dapat ditekan. Footer tetap hadir di bawah layar dengan label ringkas untuk enam pintasan utama.

Gambar tidak dipotong untuk mengisi kotak

Poster yang tinggi atau persegi dapat terlihat berbeda dari gambar lanskap. Daripada memenuhi bingkai dengan cara crop, website menggunakan object-fit: contain dan ukuran adaptif untuk mempertahankan seluruh gambar.

Ruang kosong di sekitar poster merupakan bagian dari presentasi yang disengaja, bukan gambar gagal dimuat. Ini menjaga teks dalam materi visual tetap utuh.

Menghemat gerakan yang berulang

Menu header dapat dibuka saat membutuhkan daftar kategori. Direktori kategori membantu langsung menuju katalog, sementara tautan terkait di akhir artikel memberi opsi bacaan berikutnya.

Bila koneksi tidak stabil, halaman HTML dan CSS sederhana lebih mudah ditangani dibanding antarmuka yang memerlukan banyak pustaka. Meski begitu, performa akhir juga bergantung pada jaringan dan penyedia hosting.

Pelajari lebih lanjut

Anda dapat melanjutkan ke panduan awal dan pemeriksaan tautan untuk membaca informasi pendukung yang relevan.