JSFiddle - React, Tailwind, and code Playground

HTML

<div id="grad1"></div>
<div id="grad2"></div>

CSS

#grad1 {
    height: 100px;
    background: red;
}

#grad2 {
    height: 100px;
    background: yellow;
}