Blogs

Use CSS Clamp to create a more flexible wrapper utility

Css Tricks

I like Andy’s idea here: .wrapper { width: clamp(16 rem, 90 vw, 70 rem); margin-left: auto; margin-right: auto; padding-left: 1.5 rem; padding-right: 1.5 rem; } Normally I’d just set a max-width there, but as Andy says: This becomes a slight issue in mid-sized viewports, such as tablets in portrait mode, in long-form content, such as this article because contextually, the line-lengths feel very long.

Visit Site