JSFiddle - React, Tailwind, and code Playground

by bill_q

HTML

<div class="linear-gradient"></div>

CSS

.linear-gradient {
    height: 200px;
    width: 100%;
   background-image: linear-gradient(
      to right, 
      red,
      red 15%,
      yellow 15%,
      yellow 85%,
      red 85%
    );
}