Le flexbox et la propriété justify-content

Le flexbox n'est pas ton ennemi !

justify-content : flex-start

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, maiores.

Quod consectetur assumenda alias, vel natus architecto, repudiandae minus esse.

Magnam consectetur laboriosam aperiam corrupti beatae, dolores. Delectus itaque, ipsam.

justify-content : center

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, maiores.

Quod consectetur assumenda alias, vel natus architecto, repudiandae minus esse.

Magnam consectetur laboriosam aperiam corrupti beatae, dolores. Delectus itaque, ipsam.

justify-content : flex-end

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, maiores.

Quod consectetur assumenda alias, vel natus architecto, repudiandae minus esse.

Magnam consectetur laboriosam aperiam corrupti beatae, dolores. Delectus itaque, ipsam.

justify-content : space-around

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, maiores.

Quod consectetur assumenda alias, vel natus architecto, repudiandae minus esse.

Magnam consectetur laboriosam aperiam corrupti beatae, dolores. Delectus itaque, ipsam.

justify-content : space-between

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, maiores.

Quod consectetur assumenda alias, vel natus architecto, repudiandae minus esse.

Magnam consectetur laboriosam aperiam corrupti beatae, dolores. Delectus itaque, ipsam.

Allez plus loin : Le Flexbox