.app__grid-wrapper {
    display: grid;
    background: black;
    //height: 100vh;
    //grid-template-columns: repeat 2 5fr;
    grid-template-areas: "sideBar view";

    grid-template-columns: auto 1fr;
    //grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 100vh;

    //> div {
      //border: 2px solid red;
      //background: yellow;
    //}

    //.app__grid-sideBar {
      //grid-area: sideBar;
      // background: green;
    //}


  //&__grid-header {
  //  grid-area: header;
  //}

  //&__grid-view {
  //  grid-area: view;
  //  overflow-y: auto;
  //}

}
  @media screen and (max-width: 350px) {
      body {
          .app__grid-wrapper {
              // grid-template-columns: 0fr 8fr;
              grid-template-columns: 1fr;
              grid-template-areas: "view";
              //display: none;
          }
      }
  }

//.content-test {
//  background: purple;
//}
//
//.sidebar-content {
//  display: none;
//}
//
//@media screen and (min-width: 768px) {
//
//  .sidebar-content {
//    display: block;
//    width: 200px;
//
//    ul {
//      margin: 0px;
//      padding: 0px;
//      list-style: none;
//
//      li {
//        padding: 10px;
//      }
//    }
//  }
//}