JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <header>Header</header>
  <main>Main</main>
  <footer>Footer</footer>
</body>

CSS

body {
  background: orange;
}

header,
footer {
  background: lightblue;
  width: 100%;
}

main {
  background: lightgreen;
  width: 1024px;
  margin: 0 auto;
}