JSFiddle - React, Tailwind, and code Playground

by helpD54

HTML

<div class="page__navigation"></div>
 <div class="page__search"></div>
 <div class="page__content"></div>
 <div class="page__footer"></div>

CSS

.page__navigation {
  grid-column: 1;
  grid-row: span 2;
  border: 1px solid black;
}
.page__search {
  grid-column: 2;
  grid-row: 1;
}

.page__content {
  grid-column: 2;
  grid-row: 2;
  background-color: #F3F3FD;
}

.page__footer {
  grid-column: span 2;
  grid-row: 3;
  background-color: #3F4161;
}