.sidebar-container {
  width:100%;

  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  row-gap: $lineheight;
  column-gap: $lineheight*2;
  grid-template-areas:
  "side"
  "main";

  @include lg() {
    grid-template-columns: 360px auto;
    grid-template-areas: "side main";
  }

  .sidebar {
    padding:1rem;
  }
}