Cara Mengecek Tampilan di Lebar Ponsel

Situs yang rapi di laptop sering pecah di ponsel: teks kepanjangan, tombol tertutup, atau gambar melebar. Cek ini di preview editor.clincoo.buzz sebelum menekan deploy.

Ubah lebar preview

1. Simpan file HTML dan CSS yang sedang diubah.
2. Sempitkan panel preview, atau pakai mode perangkat di alat pengembang browser pada lebar sekitar 390 piksel.
3. Gulir dari atas sampai bawah. Catat bagian yang terpotong, bukan hanya hero.

Yang wajib dilihat

• Tidak ada scroll horizontal. Kalau ada, cari elemen dengan lebar tetap yang lebih besar dari layar.
• Tombol dan tautan cukup besar untuk disentuh, dengan jarak antar tautan.
• Gambar memakai lebar maksimal 100 persen supaya tidak mendorong layout.
• Menu bisa dibuka tanpa hover, karena ponsel tidak punya hover.

Uji di perangkat sungguhan

Setelah deploy ke URL bawaan, buka alamat itu di ponsel lewat data seluler, bukan hanya Wi-Fi kantor. Cache lama sering menipu. Kalau masih versi kemarin, muat ulang.

Perubahan disimpan di editor.clincoo.buzz, akun dan kuota deploy ada di app.clincoo.buzz.