JSFiddle - React, Tailwind, and code Playground

by Victor

HTML

<div class="skills">
    <div class="graphicsSkills">Graphics</div>
    <div class="htmlcssSkills">HTML/CSS</div>
    <div class="jquerySkills">JS</div>
<div class="motionSkills">Motion</div>
<div class="photographySkills">Photography</div>
    <div class="otherSkills">PHP/Other</div>    
</div>

CSS

label {}
.skills div {
      background:rgba(40,140,50,.6);
    width:89%;
    height:40px;
    display:block;
line-height:2;
    font-size:120%;
    padding-left:10px;
    margin-top:-5px;
}
.first {
    background:rgba(40,140,50,.6);
    width:89%;
    height:40px;
    display:block;
line-height:2;
    font-size:120%;
    padding-left:10px;
}
.second {
    background:rgba(40,140,50,.6);
    width:60%;
    
    height:40px;
    display:block;
    line-height:2;
    margin-top:-5px;
}