.grid-container {
  display: grid;
  grid-template-columns: 0.5fr 0.5fr 2fr 0.5fr 0.5fr;
  grid-template-rows: auto;
  gap: 2px 2px;
  grid-template-areas:
    " . logo header header . "
    " . . rates . . "
    " . main main main . "
    " . aside aside aside . "
    " footer footer footer footer ";

  align-items: center;
  margin: 0 auto;
  width: 950px;
}

.page-container {
  display: grid;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: 950px;
}


logo {
  grid-area: logo;
  display: block;
}
header {
  grid-area: header;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  
}
rates {
  grid-area: rates;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

main {
  position: relative;
  grid-area: main;
}

aside {
  grid-area: aside;
  display: flex;
  flex-direction: column;
}

footer {
  grid-area: footer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}