JSFiddle - React, Tailwind, and code Playground

HTML

<div><b>Here is the result</b></div>

CSS

body{
 background-color:green;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=green, endColorstr=green);
 background-image:-moz-linear-gradient(left, green 0%, green 33%,white 33%,white 67%,red 67%,red 100%);
background-image:linear-gradient(left, green 0%, green 33%,white 33%,white 67%,red 67%,red 100%);
background-image:-webkit-linear-gradient(left, green 0%, green 33%,white 33%,white 67%,red 67%,red 100%);
background-image:-o-linear-gradient(left, green 0%, green 33%,white 33%,white 67%,red 67%,red 100%);
background-image:-ms-linear-gradient(left, green 0%, green 33%,white 33%,white 67%,red 67%,red 100%);
 background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,green), color-stop(33%,green),color-stop(33%,white),color-stop(67%,white),color-stop(67%,red),color-stop(100%,red));}