JSFiddle - React, Tailwind, and code Playground

HTML

<main></main>

CSS

body {
  height: 100vh;
  margin: 0;
  background: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}


main {
  width: 80%;
  height: 80%;
  border: 1px solid;
  background: linear-gradient(to bottom, magenta 0%, aqua 80%, white 80%);
}