JSFiddle - React, Tailwind, and code Playground

CSS

html, body {
 margin: 0;
 padding: 0;
}
html {
  height: 100%;
}
body {
 min-height: 100%;
 background: linear-gradient(to bottom, red 50% , blue 50%, blue 100%);

}