Vi gir litt respons til rutenettet vi har satt opp for Galleriet. På de bredeste skjermene har vi den satt til fire kolonner. Så begynner vi å legge til brytepunkter via de superenkle @mixins vi har satt opp og har brukt på nytt overalt.
På vårt mamma-bjørnens brytpunkt går vi ned til 3 kolonner, så lager vi et midlertidig brytpunkt mellom mamma-bjørn og baby-bjørn der den bryter inn i to kolonner, og til slutt en kolonne på baby-bjørn. Dette er veldig enkelt, ettersom alt vi trenger å gjøre er å justere hvor mange kolonner vi setter via CSS3 column-count.
Vi avslutter videoen og snakker om fremtidige mål for galleriet. Det ville være fint å kunne laste inn forskjellige antall bilder på forskjellige skjermstørrelser og bruke faktiske miniatyrbilder i stedet for bilder i full størrelse. Kanskje en dag kommer vi dit.
For ordens skyld er programvaren jeg bruker lokalt for å fange skjermbilder og laste dem opp til serveren via FTP, LittleSnapper.
