JSFiddle - React, Tailwind, and code Playground

by tomasjurman

HTML

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

CSS

.linear-gradient{
    height:300px;
    background-color: red;
    background-image: linear-gradient( 
      90deg,  
      blue,         
      blue 25%,
      yellow 25%,
      yellow 75%,
      blue 75%,
      blue
    );
}