CSS { In Real Life } | Breaking Out of a Central Wrapper
▻https://css-irl.info/breaking-out-of-a-central-wrapper
▻https://css-irl.info/breaking-out-of-a-central-wrapper-05.webp
Using viewport units, we can force an element to break out of the wrapper, without changing our original markup!
.full-width {
width: 100vw;
margin-left: 50%;
transform: translate3d(-50%, 0, 0);
}
▻https://caniuse.com/viewport-units => 96.73%
▻https://caniuse.com/?search=translate3d => 96.15%