# 050: Δημιουργία πλέγματος γκαλερί - CSS-Κόλπα

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

Αρχίζουμε να ανακαλύπτουμε τη διάταξη της περιοχής της Γκαλερί, κάτι που μου απασχολεί από την αρχή αυτής της διαδικασίας επανασχεδιασμού. Κυρίως επειδή… η γκαλερί στο v9 κάπως απορροφήθηκε. Θα κάνουμε καλύτερα αυτήν τη φορά.

Θα κάνουμε τη διάταξη της γκαλερί παρά μόνο ένα μεγάλο πλέγμα εικόνων. Αυτό έχουν και άλλες γκαλερί που είναι ευχάριστο να περιηγηθείτε, γι 'αυτό πρέπει να είναι και έτσι. Με άλλα λόγια: χωρίς πλευρική γραμμή, περισσότερες εικόνες.

Βασίζουμε τη διάταξη στο απρόσκοπτο άρθρο με πλέγμα απόκρισης που έκανα λίγο πίσω. Ουσιαστικά αφήνουμε όλες τις εικόνες να πέσουν ως ενσωματωμένα μπλοκ σε έναν γονέα που χρησιμοποιεί στήλες CSS3. Ευτυχώς, η Compass έχει μερικούς βοηθούς για να το κάνει ακόμα πιο εύκολο. Οι υδρορροές γίνονται μέσω διαστήματος στήλης και κάτω περιθωρίου.

Για την προσομοίωση κάποιου πραγματικού περιεχομένου, χρησιμοποιούμε τυχαία Place Kittens σε έναν βρόχο.

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