style.css

.Container{
  display:grid;
  grid-template-columns: 250px 1fr 250px;
  grid-template-rows:150px 1fr 100px;
  height:100%;
  grid-gap:20px;
  grid-template-areas:
    "Header Header Header"
    "Side Main Right"
    "Footer Footer Footer"
}
.Header{
  grid-area:Header;
}
.Header h1 {
  text-align:center;
  font-size:50px;
  border-bottom: 1px solid gray;
  padding: 50px;
  margin:0px;
}
.Side{
  grid-area:Side;
  border-right: 1px solid gray;
  padding:30px;
  margin-right:10px;
  font-size: 20px;
}
.Main{
  grid-area:Main;
}
.Main h2{
  padding:20px;
}
.Main p{
  padding:20px;
}
.Right{
  grid-area:Right;
  border-left:1px solid gray;
  text-align:center;
  padding-top:30px;
  font-size: 15px;
}
.Footer{
  grid-area:Footer;
  border-top:1px solid gray;

}
a {
  color:black;
  text-decoration: none;
}
*{
  margin:0px;
  background-color:beige;
}