JSFiddle - React, Tailwind, and code Playground

by Keith Henry

HTML

<div id=grid>
  <span>test</span>


<div id=wrapper>

  <div id=bar>
    
  </div>

</div>

</div>

CSS

#grid {
  width: calc(100vw - 24px);
  display: grid;
  grid-template-columns: 40px 1fr;
}

#wrapper { 
  height: 16px;
  border: 1px solid red;
}

#bar { 

height: 8px;
width: 75%;
background-color: blue;
}