JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

html,body,div{
    height: 100%;
    width: 100%;
    margin: 0;   
}

div{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 41%, #e38a2d 41%, #e38a2d 78%, #ffffff 78%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(41%,#ffffff), color-stop(41%,#e38a2d), color-stop(78%,#e38a2d), color-stop(78%,#ffffff), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 41%,#e38a2d 41%,#e38a2d 78%,#ffffff 78%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 41%,#e38a2d 41%,#e38a2d 78%,#ffffff 78%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 41%,#e38a2d 41%,#e38a2d 78%,#ffffff 78%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 41%,#e38a2d 41%,#e38a2d 78%,#ffffff 78%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}