* {
  margin: 0;
  padding: 0;
}
#wrapper {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  -ms-grid-columns: 2fr 4fr;
      grid-template-columns: 2fr 4fr;
  width: 900px;
}
#wrapper header {
  grid-column: 1 / 3;
}
#wrapper header img {
  width: 900px;
  height: 100px;
}
#wrapper aside {
  padding: 20px;
  background-color: #6195ED;
  -ms-grid-row: 2;
      grid-row: 2;
  -ms-grid-column: 1;
      grid-column: 1;
}
#wrapper aside ul {
  list-style: none;
}
#wrapper aside ul a {
  transition: all ease-in-out 0.4s;
  text-decoration: none;
}
#wrapper aside ul a:hover {
  color: maroon;
}
#wrapper article {
  -ms-grid-row: 2;
      grid-row: 2;
  -ms-grid-column: 2;
      grid-column: 2;
}