Aggiungiamo una certa reattività alla griglia che abbiamo impostato per la Galleria. Negli schermi più ampi, lo abbiamo impostato su quattro colonne. Quindi iniziamo ad aggiungere punti di interruzione tramite il nostro semplicissimo @mixins che abbiamo impostato e che abbiamo riutilizzato dappertutto.
Al nostro punto di interruzione mamma-orso scendiamo a 3 colonne, quindi creiamo un punto di interruzione temporaneo tra mamma-orso e orsetto dove si divide in 2 colonne, quindi alla fine 1 colonna in bambino-orso. Questo è semplicissimo, poiché tutto ciò che dobbiamo fare è regolare il numero di colonne che impostiamo tramite CSS3 column-count.
Concludiamo il video parlando degli obiettivi futuri per la galleria. Sarebbe bello poter caricare un numero diverso di immagini su schermi di dimensioni diverse e utilizzare miniature reali invece di immagini a grandezza naturale. Forse un giorno ci arriveremo.
Per la cronaca, il software che sto usando localmente per catturare screenshot e caricarli sul server tramite FTP è LittleSnapper.
