# 019: Construire une grille simple - Astuces CSS

Table des matières

La conception du site est en train de ressembler à une grille. Nos modules seront disposés très proprement dans une grille. Mais les grilles ne sont-elles pas complexes et étranges? Et peut-être devrions-nous utiliser un cadre sophistiqué? Non. C'est facile. Nous allons en créer un simple en quelques minutes. Les concepts à l'œuvre ici ont inspiré l'article «Don't Overthink It Grids».

Bien sûr, nous rencontrons quelques problèmes en cours de route (comme vous le faites). Dans ce cas, nous avons utilisé un sélecteur d'attribut qui ne correspondait pas comme nous le voulions.

Nous avons également mis en place un fichier CSS «boîte à outils» qui contiendra des classes génériques, réutilisables et globalement utiles. Le premier, comme toujours, est le Clearfix - un peu de CSS que nous pouvons utiliser sur des éléments parents que nous ne voulons pas réduire à cause de leurs enfants flottants. Nous ne chargeons pas cette boîte à outils CSS dans un fichier séparé, nous l'avons @importée dans le fichier global.

Nous faisons fonctionner le réseau, mais nous avons encore du travail à faire pour que les modules soient correctement installés et que les gouttières soient installées.

Articles intéressants...