Verifica: CSS Grid
autovalutazione: concetti e applicazione.
Come funziona: scegli una risposta per domanda e premi Correggi il test. La correzione include spiegazioni e collegamenti di ripasso. Le risposte non vengono inviate né salvate. Obiettivo consigliato: almeno il 70%, poi ripassa ogni errore.
Domande: 9. Tempo indicativo: 25 minuti. Completa anche le domande aperte dopo il quiz: il punteggio automatico riguarda soltanto le scelte multiple.
Domande aperte
motivazione del risultato: ripasso dell’unità.
Prima rispondi, poi seleziona la domanda per confrontare il ragionamento.
1. Spiega il risultato del laboratorio: Tracce, linee e item della griglia ▾
Risposta: Con due colonne le quattro schede formano normalmente due righe. La prima scheda con span 2 occupa entrambe le colonne e le successive continuano nelle righe seguenti. Motiva il cambiamento: Tre schede riempiono la prima riga; la quarta inizia la seconda. Le colonne condividono lo spazio disponibile e gap mantiene le distanze.
2. Spiega il risultato del laboratorio: Collocare gli item mediante linee ▾
Risposta: La prima scheda occupa tutte e tre le colonne, perché si estende dalla linea 1 alla 4. Motiva il cambiamento: La prima scheda occupa le prime due colonne. Le altre vengono collocate automaticamente negli spazi disponibili.
3. Spiega il risultato del laboratorio: Laboratorio: impaginare una pagina con Grid ▾
Risposta: Il contenuto cresce senza essere tagliato. La mappa cambia al breakpoint ma l’ordine HTML non cambia. Motiva il cambiamento: La mappa iniziale funziona su una colonna. Da 48rem il contenuto e l’approfondimento si affiancano.
Criterio per le risposte aperte: indica gli elementi interessati, la modifica eseguita e il motivo dell’effetto. Una risposta che descrive soltanto un colore o una posizione non dimostra da sola la comprensione.