Aller au contenu principal

CSS Grid - Grilles flexibles

Publié par Stéphane Arrami le dim 07/04/2019

Technique de mise en page par de nouvelles propriétés CSS qui facilite la construction des gabarits de pages Web réactifs, sur deux dimensions avec les rangées et des colonnes d'une grille définie dans un conteneur parent.

  • Les sections peuvent être entrelacées
  • Les enfants sont positionnés de manière précise.
  • Les gouttières entre les éléments sont paramétrables séparement.

Jusqu'ici l'habitude était de définir les tailles et les marges des éléments afin de créer l'aspect d'une grille.

A terme les grilles flexibles ont vocation à remplacer les frameworks CSS.

Mots clés