JSFiddle - React, Tailwind, and code Playground

by phloe

HTML

<section>
  <div>
  
  </div>
</section>

CSS

@property --page-width {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 400px;
}

body {
  margin: 0;
  --page-width: 100%;
}

section {
  width: 600px;
  margin: 0 auto;
}

section div {
  width: var(--page-width);
  background: blue;
  min-height: 200px;
}