JSFiddle - React, Tailwind, and code Playground

HTML

<div id="block">
<div id="close">X</div>
  <div class="primerl"></div>
  <div class="primerr"></div>
</div>

CSS

.primerl {
  position: fixed;
  top: 14%;
  left: 2%;
  border: 1px solid black;
  padding: 50px;
}

.primerr {
  position: fixed;
  top: 14%;
  right: 2%;
  border: 1px solid black;
  padding: 50px;
}

#block {
  border: 1px solid black;
  padding: 80px;
  position:relative;
}
#close{
  position:absolute;
  top:0;
  left:0;
  color:red;
  cursor:pointer;
}