# 020: Completamento della griglia e impostazione dei moduli - Trucchi CSS

Anonim

Continuando il concetto di "Non pensare troppo alle griglie", otteniamo grondaie nella griglia semplicemente usando un semplice riempimento. Manteniamo costante il numero di riempimento riutilizzando la nostra $paddingvariabile globale . Scoprirai che usiamo quel numero un sacco mentre facciamo il nostro stile.

Diamo uno stile alla classe "modulo" con uno sfondo semplice e un'ombra a scatola. Questa è una classe molto riutilizzabile che può essere utilizzata ovunque.

Il risultato finale è una bella griglia flessibile che ha richiesto solo poche righe di codice. Potrebbe diventare un po 'più complesso man mano che andiamo avanti, ma non troppo.