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

.welcome {
  text-align: center;
}

.mall {
  text-align: center;
  font-size: 25px;
}