Use CSS Clamp to create a more flexible wrapper utility
I like Andy’s idea here:
.wrapper {
width: clamp(16rem, 90vw, 70rem);
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
Normally I’d just set a max-width
there, but as Andy says:
…This becomes a slight issue in mid-sized viewports, such