JSFiddle - React, Tailwind, and code Playground
by Itay
HTML
<div class="">
<div class="">
<div class="">
<div class="fullscreen"></div>
</div>
</div>
</div>
CSS
div {
border: 2px solid red;
margin: 20px;
padding: 5px;
}
.fullscreen {
margin: 0;
padding: 0;
border: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background:yellow;
opacity: 0.5;
}