Exemple d'utilisation de FLEX row align-items
On place des boîtes de 200 pixel de large et de haut avec une marge de 20px dans un container section de type
justify-content: flex-start, align-items:start
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam augue, dapibus id lacinia vitae, malesuada quis tortor. Fusce ullamcorper dignissim dui, sit amet placerat dolor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut diam augue, dapibus id lacinia vitae, malesuada quis tortor.
justify-content: flex-start, align-items:end
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam augue, dapibus id lacinia vitae, malesuada quis tortor. Fusce ullamcorper dignissim dui, sit amet placerat dolor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut diam augue, dapibus id lacinia vitae, malesuada quis tortor.
justify-content: flex-start, align-items:center
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam augue, dapibus id lacinia vitae, malesuada quis tortor. Fusce ullamcorper dignissim dui, sit amet placerat dolor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut diam augue, dapibus id lacinia vitae, malesuada quis tortor.
justify-content: center, align-items:center
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam augue, dapibus id lacinia vitae, malesuada quis tortor. Fusce ullamcorper dignissim dui, sit amet placerat dolor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut diam augue, dapibus id lacinia vitae, malesuada quis tortor.