# 050: Budování mřížky galerie - Triky CSS

Obsah

Začneme se zabývat rozložením oblasti Galerie, což je něco, na co myslím od začátku tohoto procesu redesignu. Většinou proto, že ... galerie ve verzi 9 byla trochu naštvaná. Tentokrát to uděláme lépe.

Uděláme z rozvržení galerie nic jiného než velkou mřížku obrázků. To je to, co mají ostatní galerie, které je radost procházet, takže by to tak mělo být také. Jinými slovy: žádný postranní panel, více obrázků.

Rozložení zakládáme na plynulém článku s mřížkou s rychlou odezvou, který jsem před chvílí udělal. V podstatě necháme všechny obrázky spadnout jako vložené bloky do jednoho rodiče, který používá sloupce CSS3. Naštěstí má Compass několik pomocníků, kteří to ještě usnadňují. Žlaby jsou vyrobeny prostřednictvím rozteče sloupů a spodního okraje.

Abychom simulovali skutečný obsah, používáme randomizované Place Kittens ve smyčce.

Zajímavé články...