Utilizzando una serie di belle immagini di paesaggi presi da Internet, costruisci una pagina che le visualizzi adattandosi agli schermi di diversa larghezza in base a queste specifiche.
Prima riga
Un'unica grande immagine.
Seconda riga
Due immagini di uguale larghezza su qualsiasi schermo.
Terza riga
Quattro immagini che stiano:
- impilate su schermi extrasmall
- a due a due, di pari larghezza, su schermi medi
- quattro in riga, di pari larghezza, su schermi dall'xl in sù
Quando lo spazio su una riga termina, le colonne vengono mandate a capo automaticamente nella riga successiva.
Quarta riga
Tre immagini che stiano:
- impilate su schermi extrasmall
- una di larghezza massima, una di larghezza un terzo, una di larghezza due terzi su schermi lg
- tre sulla stessa riga, di pari larghezza, su schermi dall'xl in sù
Quinta riga
Sei immagini che stiano:
- impilate su schermi extrasmall
- due su ogni riga su schermi medium
- tre su una riga e tre su un'altra, su schemi large
- due su una riga e quattro su un'altra, su schemi xl
- sei sulla stessa riga, su schermi xxl