JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

html, body{
  width:100%;
}
div{
  height:200px;
  width:100%;
  background-image: linear-gradient(to left, black 50%,red 50%)
}