NEW
Font size
WorksheetsQuiz sur Flexbox en CSS
Total questions: 11
Worksheet time: 6mins
Pourquoi utilise-t-on principalement Flexbox en CSS ?
Pour aligner et distribuer des éléments dans un conteneur de manière flexible
Pour gérer les animations complexes
Pour remplacer complètement HTML
Pour optimiser le référencement (SEO)
Sur quel élément applique-t-on display: flex pour utiliser Flexbox ?
Sur chaque enfant que l’on veut aligner
Sur le conteneur parent qui englobe les éléments à aligner
Sur le body uniquement
Sur toutes les balises de la page
Quel sera le comportement des éléments enfants directs de .container ?
Ils restent empilés verticalement comme avant
Ils sont alignés en colonne par défaut
Ils sont alignés sur une ligne, les uns à côté des autres
Ils disparaissent de la page
À quoi sert la propriété justify-content dans un conteneur Flex ?
À gérer l’alignement vertical des éléments
À gérer la couleur de fond du conteneur
À gérer la répartition des éléments sur l’axe principal (horizontal par défaut)
À changer l’ordre du HTML
Que fait align-items: center; ?
Centre le texte à l’intérieur de chaque enfant
Centre les éléments sur l’axe secondaire (vertical par défaut)
Centre le conteneur dans la page
Centre le body par rapport à l’écran
Quel est le principal effet de gap: 30px; ici ?
Il ajoute une marge autour de toute la section
Il centre la section dans la page
Il réduit la taille de l’image de 30px
Il ajoute un espace de 30px entre l’image et le bloc de texte
Que permet flex: 1; sur .bloc ?
Chaque bloc prend exactement 1 pixel de large
Chaque bloc prend la largeur minimale possible
Tous les blocs partagent l’espace disponible de manière égale
Le premier bloc devient plus grand que les autres
À quoi sert flex-wrap: wrap; sur un conteneur Flex ?
À forcer tous les éléments sur une seule ligne
À permettre aux éléments de passer à la ligne suivante si l’espace horizontal est insuffisant
À ajouter automatiquement des marges autour des éléments
À rendre le texte responsive dans les blocs
Dans un conteneur display: flex; avec la direction par défaut (ligne), quelles affirmations sont vraies ?
justify-content agit sur l’axe horizontal, align-items sur l’axe vertical
justify-content agit sur l’axe vertical, align-items sur l’axe horizontal
Les deux agissent uniquement sur l’axe horizontal
Les deux agissent uniquement sur l’axe vertical
Laquelle de ces pratiques est recommandée avec Flexbox dans le cadre du portfolio ?
Utiliser seulement des margin-right pour espacer les blocs
Utiliser gap pour l’espace entre éléments plutôt que des marges manuelles
Éviter display: flex dans les sections principales
Ne jamais utiliser Flexbox pour des listes de blocs
Comment dit-on "espace" en anglais ?
espulse
Expoce
espace
hesspace
S P A S
