# 050: Bygga galleriet - CSS-tricks

Innehållsförteckning

Vi börjar gräva in i layouten för galleriområdet, vilket jag har tänkt på sedan början av denna redesignprocess. Mestadels för att ... galleriet i v9 suger ganska. Vi kommer att göra bättre den här gången.

Vi kommer att göra galleriets layout bara ett stort bildgaller. Det är vad andra gallerier har som är ett nöje att surfa på så det borde också vara så. Med andra ord: inget sidofält, fler bilder.

Vi baserar layouten på den sömlösa responsiva fotorutartikeln jag gjorde för ett tag sedan. I huvudsak låter vi alla bilder falla som inline-block till en förälder som använder CSS3-kolumner. Lyckligtvis har Compass några hjälpare för att göra det ännu enklare. Rännorna är gjorda genom kolumnavstånd och nedre marginal.

För att simulera lite riktigt innehåll använder vi slumpmässiga Place Kattungar i en slinga.

Intressanta artiklar...