Direct link to the article Use CSS Clamp to create a more flexible wrapper utility

Use CSS Clamp to create a more flexible wrapper utility

Direct Link

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

Avatar of Chris Coyier
Shared by Chris Coyier on (Updated on )