.container {
      display: grid; 
      grid-template-areas:
        "header header"
        "menu content"
        "footer footer";
        grid-template-columns: 1fr 3fr;
        gap: 3px;
        background-color:pink;
        padding: 6px;
    }
    
    .container {
      grid-area: header;
      text-align: center;
          background-color: rgba(225, 225, 225, 0.6);
          border: 4px solid purple;
          padding:10px;
          
    }
    .container {
      grid-area: menu;
          background-color: rgba(225, 225, 225, 0.6);
          
    }
    .container {
      grid-area: content;
          background-color: rgba(225, 225, 225, 0.6);  
          
    }
    .container {
      grid-area: footer;
      text-align: center;
          background-color: rgba(225, 225, 225, 0.6);
          
    }