JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width: 200px;padding:20px;
    background-color: blue;">






  <div id="inner">
  הפנימי שצריך להיות ברוחב כל המסך
  </div>
</div>

CSS

#inner{
    background: #ff000091;
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: calc(-20px + 20px);
    right: calc(-20px + 20px);
    top: calc(-20px + 20px);
    bottom: calc(-20px + 20px);
}