.layout {
  width: 100%;

  display: grid;
  grid:
    "logo top top" 2fr
    "side nav nav" 1fr
    "side innerbox1 innerbox2" 4fr
    / 1fr 2fr 2fr;
  gap: 8px;
}

.logo { grid-area: logo; }
.top { grid-area: top; }
.side { grid-area: side; }
.nav { grid-area: nav; }
.innerbox1 { grid-area: innerbox1; }
.innerbox2 { grid-area: innerbox2; }