# 053: Αποκριτικές στήλες για τη συλλογή - CSS-Κόλπα

Πίνακας περιεχομένων

Προσθέτουμε κάποια ανταπόκριση στο πλέγμα που έχουμε δημιουργήσει για το Gallery. Στις ευρύτερες οθόνες, το έχουμε ορίσει σε τέσσερις στήλες. Στη συνέχεια αρχίζουμε να προσθέτουμε σε breakpoints μέσω των εξαιρετικά εύχρηστων @ μιξινών που έχουμε δημιουργήσει και επαναχρησιμοποιούμε παντού.

Στο σημείο διακοπής της μαμάς-αρκούδας κατεβαίνουμε σε 3 στήλες, μετά κάνουμε ένα ενδιάμεσο σημείο διακοπής μεταξύ της μαμάς και της αρκούδας όπου χωρίζεται σε 2 στήλες, και στη συνέχεια 1 στήλη στην αρκούδα. Αυτό είναι εξαιρετικά εύκολο, καθώς το μόνο που χρειάζεται να κάνουμε είναι να προσαρμόσουμε πόσες στήλες ορίζουμε μέσω CSS3 column-count.

Τελειώνουμε το βίντεο μιλώντας για μελλοντικούς στόχους για τη συλλογή. Θα ήταν ωραίο να μπορείτε να φορτώνετε διαφορετικό αριθμό εικόνων σε διαφορετικά μεγέθη οθόνης και να χρησιμοποιείτε πραγματικές μικρογραφίες αντί για εικόνες πλήρους μεγέθους. Ίσως μια μέρα θα φτάσουμε εκεί.

Προς καταγραφή, το λογισμικό που χρησιμοποιώ τοπικά για τη λήψη στιγμιότυπων οθόνης και την αποστολή τους στον διακομιστή μέσω FTP είναι το LittleSnapper.

ενδιαφέροντα άρθρα...