* { 
  font-family: "courier new";
  box-sizing: border-box;
  }
  
/*CONTAINER START*/  
.container {
  
  display: grid;
  
  align-content: center; /*Y axis*/
  justify-content: center; /*X AXIS*/
  
  gap: 5px 5px;
  
  grid-template-columns: minmax(1px, 1fr) 5fr minmax(1px, 1fr);
  grid-template-rows: auto auto minmax(auto, 200px) ;
  
  grid-template-areas: 'left title right' 'left main right' 'footer footer footer';
  
}
/*CONTAINER END*/

/*GRID ITEMS START*/
.left {
  grid-area: left;
}

.title {
  grid-area: title;
}

.right {
  grid-area: right;
}

.main {
  grid-area: main;
}

.footer {
  grid-area: footer;
}
/*GRID ITEMS END*/

/*MEDIA QUERIES START*/
@media screen and (max-width: 600px) {
  .left {
    display: none;
  }
  .right {
    display: none;
  }
}
/*MEDIA QUERIES END*/