Disposition et dimensions
Régler les dimensions, les espacements et la disposition des éléments.
Distinguer bloc, ligne ou colonne flexible, grille et élément masqué. Expliquer les variantes inline et les choix rapides qui changent plusieurs réglages, puis vérifier ce qui reste après un changement de disposition.
Disposer les éléments en ligne ou en colonneExpliquer les conteneurs et les dispositions flexibles, puis régler direction, retour à la ligne et alignement sans code.
Créer et régler une grilleChoisir colonnes et lignes, régler les espaces et la place d’un élément, puis comparer le rendu sur mobile.
Régler les marges et les espacesChoisir entre espace intérieur, marge extérieure et écart entre enfants avec un schéma simple, puis rejoindre le réglage précis; éviter de confondre centrage du texte et position du bloc.
Régler les espaces à l’intérieur d’un élémentDonner de l’air au contenu d’une carte ou d’une section, appliquer un espace commun puis régler les axes ou chaque côté; contrôler mobile et retrait.
Régler les marges et centrer un blocEspacer un bloc de ses voisins, distinguer les côtés et axes, choisir une marge automatique pour le centrage approprié et expliquer les valeurs négatives et les transformations de regroupement.
Régler l’espace entre les éléments d’une dispositionAjuster l’écart entre les enfants d’un conteneur Flex ou Grid, choisir un écart commun ou horizontal et vertical, puis vérifier la règle d’écran et son retrait.
Régler les dimensions et leurs limitesChoisir une taille adaptée au contenu ou au conteneur et expliquer unités, minimum et maximum pour éviter les débordements.
Régler un élément dans son conteneurMontrer les options propres à un enfant de ligne ou de grille et expliquer pourquoi elles dépendent de son parent.
Régler la taille et la place d’un enfant dans une ligne ou colonneSélectionner un enfant d’un conteneur flexible, choisir son comportement face à l’espace disponible, puis son ordre visuel et son alignement propre. Distinguer menu détaillé et choix rapides, règles d’écran et retrait groupé.
Étendre et aligner un élément dans une grilleSélectionner une carte dans une grille et choisir combien de colonnes ou lignes elle occupe. Comparer toute la largeur, retour automatique et alignement individuel, sans annoncer des positions de départ ou fin non exposées par le formulaire.
Positionner et superposer des élémentsChoisissez le repère de placement, réglez les décalages et comprenez la superposition sans modifier les classes CSS.
Gérer les éléments qui débordentChoisir le comportement du contenu trop grand et reconnaître les causes d’un défilement horizontal ou d’un contenu coupé.