JSFiddle - React, Tailwind, and code Playground

by Imabot

HTML

<h3>Change the width of the window</h3>
<div class="border half-window">50% of the window
  <div class="border half-parent">
    30% of the parent
  </div>
</div>

CSS

body          { background-color: LightGray; }
.border {
  border: 1px solid black;
  margin: 2px;
  padding: 20px;
  background-color: GreenYellow;
  
}


.half-window  { width: 50vw; }
.half-parent  { width: 33%; }