Pages

Quizz : flex

 Donner le code CSS à écrire dans le simulateur (donner en dessous) pour obtenir les figures suivantes.


Par exemple pour la figure suivante :
on pourrait écrire :
.flex-conteneur { display :flex; padding : 10px 0; } .flex-conteneur *{ flex : 100%; }


Figure1
Figure 2




Figure 3

















Figure 4 : les numéro sont centrés dans leur conteneurs (help)




Utiliser le simulateur ! 





1
2