css

.wrap{
  width:100%;
  max-width:840px;
  border:3px solid green;
}
.container{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:132px;
  border:3px solid orange;
}
.box{
  display:flex;
  gap:32px;
  height:120px;
  background-color:purple;
}
.item{
  flex-grow:1;
  padding:4px;
  background-color:blue;
  color:white;
  font-size:70px;
}

html

<div class="wrap">
  <div class="container">
    <div class="box">
      <div class="item">item</div>
      <div class="item">item</div>
    </div>
    <div class="box">
      <div class="item">item</div>
      <div class="item">item</div>
    </div>
  </div>
</div>