Для десктопа
<div class="grid-container">
 <div class="block1"></div>
 <div class="block2"></div>
 <div class="block3"></div>
</div>

стили
.grid-container {
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-template-rows: 1fr 1fr;
 gap: 0px 0px;
grid-template-areas:
   "block1 block3"
   "block2 block3";
}
.block1 { grid-area: block1; }
.block2 { grid-area: block2; }
.block3 { grid-area: block3; }




Для мобилки
стили
это засунь в медиа запрос
.grid-container {
 grid-template-columns: 1fr;
 grid-template-rows: 1fr 1fr 1fr;
 grid-template-areas:
   "block1"
   "block3"
   "block2";
}

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.