# 053: Reagující sloupce pro galerii - Triky CSS

Obsah

Přidáme určitou odezvu na mřížku, kterou jsme nastavili pro Galerii. Na nejširších obrazovkách to máme nastaveno na čtyři sloupce. Pak začneme přidávat body přerušení pomocí našich super snadných @mixinů, které jsme nastavili a opakovaně používáme všude.

V bodě zlomu maminky a medvěda přejdeme do 3 sloupců, pak uděláme prozatímní zarážku mezi maminkou a medvědem, kde se rozdělí na 2 sloupce, a nakonec 1 sloupec na medvěda. To je super snadné, protože vše, co musíme udělat, je upravit, kolik sloupců jsme nastavili pomocí CSS3 column-count.

Video končí o budoucích cílech galerie. Bylo by hezké mít možnost načíst různý počet obrázků na různé velikosti obrazovky a místo obrázků v plné velikosti použít skutečné miniatury. Možná se tam jednoho dne dostaneme.

Software, který používám lokálně k pořizování snímků obrazovky a jejich nahrávání na server přes FTP, je LittleSnapper.

Zajímavé články...