JSFiddle - React, Tailwind, and code Playground

HTML

<div id="colorbox"></div>

CSS

#colorbox {
    background: #629721;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFF00), to(#629721));
    background-image: -webkit-linear-gradient(top, #FFFF00, #629721);
    background-image: -moz-linear-gradient(top, #FFFF00, #629721);
    background-image: -ms-linear-gradient(top, #FFFF00, #629721);
    background-image: -o-linear-gradient(top, #FFFF00, #629721);
    background-image: linear-gradient(top, #FFFF00, #629721);
}
#colorbox {
    width: 400px;
    height: 400px;
}