td4.2

Question 1

Impact de display: flex ?

Answer 1

Modifie disposition enfants.

Question 2

Valeurs flex-direction ?

Answer 2

row row-reverse column column-reverse.

Question 3

Valeurs align-items ?

Answer 3

stretch center baseline flex-start flex-end.

Question 4

justify-content ?

Answer 4

flex-start flex-end center space-between space-around.

Question 5

Placer citation et menu ?

Answer 5

display: flex ajuster avec justify-content et align-items.

Question 6

Layout deux colonnes ?

Answer 6

display: flex largeurs spécifiques.

Question 7

Comment fixer la largeur de tous les [div] descendants de [nav] ?

Answer 7

Utiliser width: 100px. sur les [div].

Question 8

Comment centrer verticalement les enfants de [nav] ?

Answer 8

Utiliser align-items: center. sur [nav].

Question 9

Ajuster la hauteur des [div] titres des menus ?

Answer 9

Utiliser height: 200px. sur [nav].

Question 10

Alignement citation et menu dans l’en-tête ?

Answer 10

Utiliser display: flex. avec justify-content et align-items.

Question 11

Comment repositionner le menu en bas de [header] ?

Answer 11

Utiliser flex-direction: column..

Question 12

Largeurs spécifiques pour [article] et [aside] ?

Question 13

Ajouter une barre de défilement horizontale ?

Answer 13

Utiliser overflow-x: auto..

Question 14

Comment rendre une case du tableau ‘‘collante’’ ?

Answer 14

Utiliser position: sticky. sur la première case (:first-child).

Question 15

Différence entre display: none. et visibility: hidden. ?

Answer 15

display: none. retire de l’affichage visibility: hidden. rend invisible mais occupe l’espace.