Poursuivant le concept de «Don't Overthink It Grids», nous obtenons des gouttières dans la grille en utilisant simplement un simple rembourrage. Nous gardons le nombre de remplissage constant en réutilisant notre $paddingvariable globale . Vous constaterez que nous utilisons ce numéro une tonne lorsque nous faisons notre style.
Nous stylisons la classe «module» avec un arrière-plan simple et une ombre de boîte. C'est une classe très réutilisable qui peut être utilisée n'importe où.
Le résultat final est une belle grille flexible qui ne prend que quelques lignes de code. Cela pourrait devenir un peu plus complexe à mesure que nous avançons, mais pas trop.