JSFiddle - React, Tailwind, and code Playground

by Danish Farman

HTML

<div class="colors">
</div>

CSS

.colors {
    width: 100px;
    /*border: 10px solid rgba(0,0,0,0.2);*/
    box-shadow:inset 0 0 0 10px rgba(0,0,0,0.2);
    padding:10px;
    height: 50px;
    background: linear-gradient(to right, 
        #78C5D6,
        #459BA8,
        #79C267,
        #C5D647,
        #F5D63D,
        #F08B33,
        #E868A2,
        #BE61A5);
}