JSFiddle - React, Tailwind, and code Playground

by nilgundag

HTML

<div class="outer">
            <div class="inner">content</div>
        </div>

CSS

.outer {
    padding: 5px 0px !important;
    background:-webkit-linear-gradient(left, #0e8bbe 0%,#0e8bbe 34%,#d23b3b 34%,#d23b3b 67%,#fab01a  67%) 0px 0px no-repeat;   
    background:-moz-linear-gradient(left, #0e8bbe 0%,#0e8bbe 34%,#d23b3b 34%,#d23b3b 67%,#fab01a  67%) 0px 0px no-repeat;   
    background:--ms-linear-gradient(left, #0e8bbe 0%,#0e8bbe 34%,#d23b3b 34%,#d23b3b 67%,#fab01a  67%) 0px 0px no-repeat;   
    background: linear-gradient(left, #0e8bbe 0%,#0e8bbe 34%,#d23b3b 34%,#d23b3b 67%,#fab01a  67%) 0px 0px no-repeat;   
}

.inner{
    background : black;
    color:white;
}