main-wrapper {
  display: block;
  padding-bottom: var(--common-space);
  min-height: 80%;
}

main {
  width: var(--common-width);
  padding-top: var(--common-space);
  margin: 0 auto;
  padding-right:  calc(var(--common-space) / 2);
  padding-left:  calc(var(--common-space) / 2);
}

main-grid {
  display: grid;
  grid-column-gap: var(--common-space);
  grid-row-gap: var(--common-space);
  grid-template-columns: repeat(var(--main-grid-columns), minmax(0, 1fr));
}