JSFiddle - React, Tailwind, and code Playground

by Michael Prosser

HTML

<div class="width-using-no-calc">

</div>
<div class="width-using-with-calc">

</div>

CSS

div{
  padding: 20px;
  margin: 10px;
  background-color: #ff0000;
}
div.width-using-no-calc{
  width: 100%;
}
div.width-using-with-calc{
  width: calc(100% - 60px);
}