FLEXIBOX

Question 1

Que veut dire nth-child

Answer 1

Nth veut dire ordinal number

1st,2nd,3rd,…,nth

Child : element

Syntaxe : nyh-child(2) : 2 ème sous element

Question 2

Comment on active un flexibox

Answer 2

On l’active grâce au syntaxe display : flex;

Question 3

Comment gérer la disposition des éléments flexbox

Answer 3

Avec la syntaxe flex-direction :

On peut mettre les éléments en horizontal ou vertical

Ex : flex-direction : column;

Les éléments seront disposés en colonne.

Question 4

C’est quoi l’axe principale et axe secondaire ?

Answer 4

Avec flexbox : l’axe principale par défaut est horizontal. Mais si on défini les éléments en colonne, l’axe horizontal devient l’axe secondaire.

Question 5

Que fait flex-wrap

Answer 5

On autorise les éléments à revenir à la ligne si pas d’espace

Question 6

Que fait align-content

Answer 6

ceci permets d’effectuer les dispositions des éléments si on a plusieurs lignes d’éléments.

Question 7

Que fait order ?

Answer 7

Order est un syntaxe à définir dans les éléments pour leur affecter une valeur d’ordre et on pourrait ainsi modifier les disposition sans toucher aux codes html

Ex :
p:nth-child(1)
{
     Order: 2;
}

Question 8

C’est quoi la super propriété flex

Answer 8

La propriété flex permet de définir la taille des élément (grossir, maigrir,…

.element:nth-child(2)
{
Flex: 2;
}

.element:nyh-child(1)
{
Flex: 1;
}

Grossissement de 2 peut aller 2x plus que 1