Flex en action

Code HTML

Tapez le code HTML suivant :

Pensez à utiliser .parent>.enfant*4>.enfant suivi de TAB dans votre éditeur (Emmet)

Code CSS

tapez le code CSS suivant :

Ajoutons la magie du calcul des marges

Ajoutons les propriétés de flex au contenu des blocs

Ajoutons la propriété de flexibilité aux blocs

Pensez à redimensionner votre fenêtre.

Flex en action

Revision

Voici quelques etudes de cas :

Liste de même taille
Plusieurs medias
Création d'un environnement à la bootstrap !

Correction Examen

Correction examen !

grid

https://docs.google.com/document/d/1h7wYh-9uF9iY2dR7JugyHTWZ_QQVFVZPKrdmrrbUBD8/pub

display : grid !

Après flex, voici la révolution : Grid.