.space {max-width: 1200px; 
      margin: 70px auto;
      display: grid;
 grid-gap: 30px;
grid-template-columns: 250px auto;



}









nav 
   {border: rgb(76, 2, 187) 8px solid; 
    grid-row: 1 / 2 ;
    grid-column: 2 / 3;

    border-radius: 6px ;
    padding: 20px ;
    background-color: pink;
}

me {border:rgb(76, 2, 187) 8px solid;
       grid-row: 1 / 3 ;
      grid-column: 1 /2 ;
      padding: 20px ;
      border-radius: 6px ;
       height: max-content;
       background-color: pink;
 
 
    }

main 
   {border:rgb(76, 2, 187) 8px solid; 
    grid-row:2 / 3 ;
    grid-column: 2 / 3;
    height: 400px ;
    padding: 20px ;
    border-radius: 6px ;
     background-color: pink;
}


footer 
    {border: rgb(76, 2, 187) 8px solid; 
     grid-row: 3 / 4;
     grid-column: 1 / 3;
     padding: 10px ;
border-radius: 6px ;
background-color: rgb(189, 86, 121);
    }

 #container {
      overflow: scroll;
      height: 10em;
      width: 10em;
      padding: 1rem;
      border-radius: 10px;
      box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
    }

    #container::-webkit-scrollbar {
      width: 0; /* remove scrollbar space */
      background: transparent; /* to make scrollbar invisible */
    }

    #container::-webkit-scrollbar-thumb {
      background: transparent;
    }