JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="block-lg"></div>
    <div class="block"></div>
    <div class="block"></div>
</div>

CSS

.container { 
  display: grid;  
  grid-template-areas: "block-lg block"
                       "block-lg block";
 grid-template-columns: 300px 200px; 
 grid-gap: 5px; 
}

.block { 
  background-color: #000; 
  width: 100%;
  height: auto; 
}

.block-lg { 
  background-color: #000; 
  width: 300px;
  height: 400px;
  grid-area: block-lg;
}