Full-Bleed avec 100vw

Technique avec viewport width

Cette technique utilise 100vw (100% de la viewport width) pour que les éléments s'étendent sur toute la largeur.

On utilise aussi un calcul pour recentrer: margin-left: calc(-50vw + 50%)

Section bord à bord

Cette section s'étend sur 100% de la viewport width.

C'est une approche directe et simple!

Contenu normal

Le contenu revient à sa largeur normale avec le conteneur max-width.

Cette technique fonctionne très bien pour les mises en page modernes.

Autre section full-bleed

On peut utiliser plusieurs sections full-bleed dans la même page.