JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

div {
  width: 700px;
  height: 300px;
}
div:nth-child(1) {
  background: linear-gradient(#000, #ccc);
}
div:nth-child(2) {
  background: linear-gradient(#ccc, #000);
}