You know that ubiquitous layout with a full-width background and content that’s centered with a max-width on large viewports and has some inline padding on small viewports? I feel like you generally see it implemented with a wrapper div to impose the maximum width.

I’m sure this is far from an original thought, but you can do it without the wrapper and a #css max() function:

```css

padding-inline: max(var(--padding-inline), (100% - var(--max-content-width)) / 2);

```