container
Centrer le contenu sur une page
Introduction
Le container permet de centrer le contenu d’une page.
Technique
Pour centrer un contenu, il suffit d’englober ce contenu dans une boîte avec par exemple la classe container qui appliquera les propriétés ci-dessous :
max-width: 1200px Le container ne dépasse pas 1200px de longueur
width: 100% Le container prend tout l’espace (dans la limite du max-width)
margin-inline: auto Le container a une marge horizontale (à droite et à gauche) automatique (qui prend le plus d’espace disponible), le container sera donc centré
padding-inline: 25px Le container a une marge intérieure horizontale qui permet au contenu de ne pas être collé aux bords de l’écran si celui-ci mesure moins de 1200px