# 053: Coloane responsive pentru galerie - CSS-Tricks

Cuprins

Adăugăm o anumită reacție la grila pe care am configurat-o pentru Galerie. La cele mai largi ecrane, îl avem setat la patru coloane. Apoi începem să adăugăm puncte de întrerupere prin intermediul @mixins-ului nostru foarte ușor pe care l-am configurat și pe care l-am reutilizat peste tot.

La punctul nostru de întrerupere mama-urs coborâm la 3 coloane, apoi facem un punct de întrerupere intermediar între mama-urs și bebeluș-urs, unde se rupe în 2 coloane, apoi în cele din urmă 1 coloană la bebeluș-urs. Acest lucru este foarte ușor, deoarece tot ce trebuie să facem este să ajustăm câte coloane setăm prin CSS3 column-count.

Încheiem videoclipul vorbind despre obiectivele viitoare ale galeriei. Ar fi frumos să puteți încărca un număr diferit de imagini pe diferite dimensiuni ale ecranului și să folosiți miniaturi reale în loc de imagini de dimensiuni complete. Poate că într-o zi vom ajunge acolo.

Pentru înregistrare, software-ul pe care îl folosesc local pentru a captura capturi de ecran și a le încărca pe server prin FTP este LittleSnapper.

Articole interesante...