Profile: 06776c6a...
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);
```
https://codepen.io/noleli/pen/eYaZzGJ
