# 050: Tworzenie siatki galerii - CSS-Tricks

Spisie treści

Zaczynamy zagłębiać się w układ obszaru Galerii, o którym myślę od początku tego procesu redesignu. Przede wszystkim dlatego, że… galeria w wersji 9 była do niczego. Tym razem pójdziemy lepiej.

Zamierzamy sprawić, że układ galerii będzie niczym innym jak dużą siatką obrazów. To właśnie mają inne galerie, które z przyjemnością przegląda się, więc tak powinno być. Innymi słowy: bez paska bocznego, więcej obrazów.

Układ opieramy na artykule z bezproblemową responsywną siatką zdjęć, który napisałem jakiś czas temu. Zasadniczo pozwoliliśmy, aby wszystkie obrazy wpadały jako bloki inline do jednego rodzica, który używa kolumn CSS3. Na szczęście Compass ma kilku pomocników, którzy ułatwiają to zadanie. Rynny wykonane są poprzez rozstaw słupów i dolny margines.

Aby zasymulować rzeczywistą zawartość, używamy losowych kociąt umieszczonych w pętli.

Interesujące artykuły...