JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<div class="gradient">
    labs
</div>

CSS

body {
    font-family: Arial, sans-serif;
}
.gradient {
    width: 100%;
    height: 6em;
    background: linear-gradient(to left, #6ba355 10%, #649850 10%, #649850 20%, #5c8d4a 20%, #5c8d4a 30%, #558244 30%, #558244 40%, #4e773e 40%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 4em;
  
    font-weight: bold;
    letter-spacing: .05em;
}