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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.

Packages

This Pen doesn't use any packages.