body {
 margin: auto;
 max-width: 1000px;
}
#main {
 margin-top: 20px;
 display: grid;
 gap: 10px;
 grid-template-areas:
  "hd hd"
  "sd ma"
  ".. ma";
}
.content-wrapper {
 padding: 5px;
}
.content {
 padding: 5px;
}
.nav-container {
 grid-area: hd;
 display: flex;
 justify-content: space-between;
}
.nav-element {
 width: 100%;
}
.grid-header {
 grid-area: hd;
}
.grid-main {
 grid-area: ma;
}
.grid-sidebar {
 grid-area: sd;
 width: 120px;
}