JSFiddle - React, Tailwind, and code Playground

by narmadha_r

HTML

<div class="outer">
   <div class="skillName">sk</div>
    <div class="skillProficiency" ></div>
</div>

CSS

.outer{
  width:600px;
  background: black;
}
.skillName{
  background: orange;
  color:cornsilk;
  display:inline-block;
  text-align:center;
  height: 30px;
}
.skillProficiency{
  display:inline-block;
  background-color: darkorange;
  /*animation:grow 5s;
  animation-delay:0.8s;*/
  height: 30px;
  width:300px;
}