# 020: Ολοκλήρωση του πλέγματος και ρύθμιση μονάδων - CSS-Κόλπα

Anonim

Συνεχίζοντας την ιδέα του "Don't Overthink It Grids", συνεχίζουμε τις υδρορροές στο πλέγμα χρησιμοποιώντας απλώς μια απλή επένδυση. Διατηρούμε $paddingσταθερό τον αριθμό γεμίσματος επαναχρησιμοποιώντας την καθολική μεταβλητή μας. Θα διαπιστώσετε ότι χρησιμοποιούμε αυτόν τον αριθμό έναν τόνο καθώς κάνουμε το στυλ μας.

Διαμορφώνουμε το μάθημα "module" με απλό φόντο και σκιά πλαισίου. Αυτή είναι μια πολύ επαναχρησιμοποιήσιμη τάξη που μπορεί να χρησιμοποιηθεί οπουδήποτε.

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