# 050: Bygg Gallerirutenettet - CSS-triks

Innholdsfortegnelse

Vi begynner å grave i utformingen av Galleri-området, noe som jeg har tenkt på siden begynnelsen av denne redesignprosessen. For det meste fordi ... galleriet i v9 ganske sugde. Vi kommer til å gjøre det bedre denne gangen.

Vi skal gjøre gallerilayoutet til annet enn et stort rutenett av bilder. Det er det andre gallerier har som det er en glede å bla gjennom, så dette skal også være slik. Med andre ord: ingen sidefelt, flere bilder.

Vi baserer oppsettet på den sømløse responsive bildegitterartikkelen jeg gjorde for en stund tilbake. I hovedsak lar vi bildene falle som innebygde blokker i en av foreldrene som bruker CSS3-kolonner. Heldigvis har Compass noen hjelpere for å gjøre det enda enklere. Takrennene er laget gjennom kolonneavstand og bunnmargin.

For å simulere noe ekte innhold, bruker vi randomiserte Place Kattunger i en løkke.

Interessante artikler...