JSFiddle - React, Tailwind, and code Playground

by TrevorBurnham

HTML

<div id="outer"><div id="inner"></div></div>

CSS

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#inner {
  background: green;
  width: 100%;    
  height: 100px;
}

#outer {
  position: relative;
  background: black;
  width: 200px;
  padding-right: 100px;
}

#outer:hover {
  padding-right: 0;        
}