.site {
  display               : grid;
  box-sizing            : border-box;
  height                : 100vh;
  padding               : 10px;
  grid-column-gap       : 10px;
  grid-row-gap          : 10px;
  grid-template-columns : 2fr 1fr 1fr 1f;
  grid-template-rows    : 1fr 1f 3fr 1fr;
  grid-template-areas   : "nav nav nav nav"
                          "header header side side"
                          "main main side side"
                          "main main footer footer";
}