.root {
  padding: 56px 20px 168px;
}

.content {
  display: grid;
  grid-row-gap: 56px;
  max-width: 1184px;
  margin-right: auto;
  margin-left: auto;
}

.section {
  display: grid;
  grid-row-gap: 28px;
}

@media (min-width: 768px) {
  .root {
    padding: 112px 28px 224px;
  }

  .content {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 28px;
    grid-row-gap: 112px;
  }

  .header,
  .lookingFor,
  .helpingWith,
  .footer {
    grid-column: 2 / span 1;
  }

  .section {
    grid-row-gap: 56px;
  }

  .universe {
    grid-column: 1 / span 1;
    grid-row: 1 / span 3;
  }

  .portfolio {
    grid-column: 1 / span 2;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 28px;
  }

  .portfolioHeader {
    grid-column: 2 / span 1;
  }

  .portfolioContent {
    grid-column: 1 / span 2;
  }
}

.root {
  padding: 56px 20px 168px;
}

.content {
  display: grid;
  grid-row-gap: 56px;
  max-width: 1184px;
  margin-right: auto;
  margin-left: auto;
}

.section {
  display: grid;
  grid-row-gap: 28px;
}

.footer {
  padding-top: 112px;
}

@media (min-width: 768px) {
  .root {
    padding: 112px 28px 224px;
  }

  .content {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 28px;
    grid-row-gap: 112px;
  }

  .header,
  .lookingFor,
  .helpingWith,
  .footer {
    grid-column: 2 / span 1;
  }

  .section {
    grid-row-gap: 56px;
  }

  .universe {
    grid-column: 1 / span 1;
    grid-row: 1 / span 3;
  }

  .portfolio {
    grid-column: 1 / span 2;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 28px;
  }

  .portfolioHeader {
    grid-column: 2 / span 1;
  }

  .portfolioContent {
    grid-column: 1 / span 2;
  }
}

Fix ventures section footer top spacing
Fix ventures section footer top spacing
