CodePen Embed - using max() css function in padding to define an inner column in a <p>

<footer>
  Content
</footer>

footer {
  --contentWidth: 400px;
  
  background: lightcoral;
  padding: 2rem max(2rem, 50vw - var(--contentWidth) / 2);
}

This Pen is owned by Chris Coyier on CodePen. It is a fork of this Pen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.