Grille
<gcds-grid>

Autres noms : mise en page, colonnes, disposition en colonnes, boîte de style grille.

Une grille est une mise en page réactive et flexible.

• GitHub
• Figma

Examinez les cas d'utilisation des grilles pour déterminer si elles répondent à vos besoins.

Cas d'utilisation des grilles

Les grilles créent des dispositions de colonnes conservant les éléments de contenu regroupés sur différents appareils et écrans.

Utilisez des grilles pour :

• Appliquer une disposition de colonne flexible qui s'adapte à la taille de l'écran (fenêtre d'affichage) de l'appareil de l'utilisateur.
• Guider la mise au point en définissant la largeur d'une colonne et l'espacement entre les colonnes.
• Créer des mises en page complexes avec un contrôle sur les dimensions de chaque colonne.
• Assurer une adaptation à différentes tailles d'écran en définissant une mise en page personnalisée et optimisée pour différentes fenêtres d'affichage, comme pour les mobiles, les tablettes et les ordinateurs de bureau.
• Limiter la largeur du contenu affiché pour veiller à ce que le texte soit renvoyé à la ligne et plus lisible.

Composants connexes

Boîte : pour appliquer une disposition de base à une seule colonne sur toutes les fenêtres d'affichage.

Carte : pour structurer du contenu exploitable dans un même groupe consacré à un seul et même thème.