Bilan de compétences sous forme de Quizz

Les Flexbox

Liste des Tuto

Les flexbox

Liste des compétences

  • Description d'une Flexbox
  • Gestion de l'axe principal
  • Nom et rôle des propriétés
  • Valeurs des propriétés
  • Valeurs par défaut des propriétés
  • Le raccourci flex
  • La propriété flex-basis

Liste des compétences et des tests

nouvelle compétenceDescription d'une Flexbox

Choisir une réponse (*cliquer sur le texte) 129

Deux axes sont utilisés pour distribuer les flex iems dans le flex conteneur. Lesquels ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Choisir une réponse (*cliquer sur le texte) 130

Quel élément doit-on cibler pour mettre la propriété display:flex ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 131

Donner le nom de la propriété qui gère l'orientation de l'axe principal ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

nouvelle compétenceGestion de l'axe principal

Donner une réponse (*Saisir au clavier) 133

Si les flex-items sont distribués de gauche à droite quelle est la valeur de flex-direction ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 134

Si les flex-items sont distribués de droite à gauche quelle est la valeur de flex-direction ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 135

Si les flex-items sont distribués de haut en bas quelle est la valeur de flex-direction ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 136

Si les flex-items sont distribués de bas en haut quelle est la valeur de flex-direction ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

nouvelle compétenceNom et rôle des propriétés

Donner une réponse (*Saisir au clavier) 137

Quel est le nom de la propriété ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 138

Quel est le nom de la propriété ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 139

Quel est le nom de la propriété ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 140

Quel est le nom de la propriété ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 141

Quel est le nom de la propriété ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 142

Quel est le nom du raccourci qui regroupe les deux propriété flex-direction et flex-wrap?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 143

Quel est le nom de la propriété qui donne la possibilité aux flex items de se rétrécir si nécessaire ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 144

Quel est le nom de la propriété qui donne la possibilité aux flex items de se grandir si nécessaire ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 145

Quel est le nom de la propriété qui spécifie la façon de calculer la taille de base des flex items ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 146

Quel est le nom du raccourci qui reroupe les propriétés flex-grow flex-shrink flex-basis ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

nouvelle compétenceValeurs des propriétés

Donner une réponse (*Saisir au clavier) 147

Quelle est la valeur de justify-content ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 148

Quelle est la valeur de justify-content ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 149

Quelle est la valeur de justify-content ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 150

Quelle est la valeur de justify-content ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 151

Quelle est la valeur de justify-content ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 152

Quelle est la valeur de justify-content ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 153

Quelle est la valeur de align-content ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 154

Quelle est la valeur de align-content ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 155

Quelle est la valeur de align-content ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 156

Quelle est la valeur de align-content ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 157

Quelle est la valeur de align-content ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 158

Quelle est la valeur de align-content ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 159

Quelle est la valeur de align-items ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 160

Quelle est la valeur de align-items ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 161

Quelle est la valeur de align-items ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 162

Quelle est la valeur de align-items ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 163

Quelle est la valeur de align-items ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

nouvelle compétenceValeurs par défaut des propriétés

Donner une réponse (*Saisir au clavier) 165

Quelle est la valeur par défaut de justify-content ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 166

Quelle est la valeur par défaut de flex-direction ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 167

Quelle est la valeur par défaut de flex-wrap ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 168

Quelle est la valeur par défaut de align-items ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 169

Quelle est la valeur par défaut de align-content ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 170

Quelle est la valeur par défaut de flex-shrink ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 171

Quelle est la valeur par défaut de flex-grow ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 172

Quelle est la valeur par défaut de flex-basis ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Donner une réponse (*Saisir au clavier) 173

Quelle est la valeur par défaut de order ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Choisir une réponse (*cliquer sur le texte) 175

Que veut dire la valeur 1 de flex-shrink

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Choisir une réponse (*cliquer sur le texte) 177

Que veut dire la valeur 0 de flex-grow

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Choisir une réponse (*cliquer sur le texte) 183

Lorsqu'un flex item a sa propriété order qui vaut 0 cela veut dire que...

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

nouvelle compétenceLe raccourci flex

Choisir une réponse (*cliquer sur le texte) 178

Quelles propriétés dans l'ordre regroupe le raccourci flex ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Choisir une réponse (*cliquer sur le texte) 179

A quelles valeurs correspond la valeur initial de la propriété flex ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Choisir une réponse (*cliquer sur le texte) 180

A quelles valeurs correspond la valeur auto de la propriété flex ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Choisir une réponse (*cliquer sur le texte) 181

A quelles valeurs correspond la valeur none de la propriété flex ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Choisir une réponse (*cliquer sur le texte) 182

A quelles valeurs correspond la valeur d'un entier_positif de la propriété flex ?

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

nouvelle compétenceLa propriété flex-basis

Choisir une réponse (*cliquer sur le texte) 185

Flex-direction vaut row. Cocher la bonne réponse.

Tester ce code

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Choisir une réponse (*cliquer sur le texte) 186

Flex-direction vaut column. Cocher la bonne réponse.

Tester ce code

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Choisir une ou plusieurs réponses (*cliquer sur le texte) 195

Flex-direction vaut row. Cocher les bonnes réponses

Tester ce code

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Choisir une ou plusieurs réponses (*cliquer sur le texte) 194

Flex-direction vaut column. Cocher les bonnes réponses

Tester ce code

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Choisir une réponse (*cliquer sur le texte) 187

Quelle est la largeur des flex items ?

Tester ce code

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Choisir une réponse (*cliquer sur le texte) 188

Quelle est la largeur des flex items ?

Tester ce code

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz

Choisir une réponse (*cliquer sur le texte) 191

Une valeur en pixels est spécifiée sur flex-basis et aussi sur width avec flex-direction qui vaut row alors...

Tester ce code

Vous devez choisir une réponse

Ceci est une présentation du quizz. Pour faire ce quizz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quizz