# 053: Galerii tundlikud veerud - CSS-trikid

Lang L: none (table-of-contents)

Lisame mõningast reageerimisvõimet galerii jaoks loodud võrku. Kõige laiematel ekraanidel on see seatud neljale veerule. Seejärel hakkame murdepunkte lisama oma ülilihtsate @mixins kaudu, mille oleme loonud ja mida oleme kõikjal uuesti kasutanud.

Meie ema-karu murdepunktis läheme alla 3 veergu, seejärel teeme vahepealse murdepunkti ema-karu ja beebikaru vahel, kus see jaguneb kaheks veerguks, seejärel lõpuks 1 veerg beebikaru juures. See on ülilihtne, sest kõik, mida peame tegema, on kohandada, kui palju veerge me CSS3 kaudu seadsime column-count.

Lõpetame video, milles räägime galerii tuleviku eesmärkidest. Tore oleks, kui saaksite erineva suurusega pilte erineva suurusega ekraanile laadida ja täissuuruses piltide asemel kasutada tegelikke pisipilte. Võib-olla jõuame kunagi sinna.

Salvestuseks on tarkvara, mida kasutan kohapeal ekraanipiltide hõivamiseks ja FTP kaudu serverisse üles laadimiseks, LittleSnapper.

Huvitavad Artiklid...