.footer {
  padding: 3rem;
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-950);

  display: grid;
  gap: 2em;

  grid-template-areas:
    "quick social"
    "more more";
}

h4 {
  font-weight: var(--font-weight-bold);
}

.footer div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.footer__links {
  grid-area: quick;
}

.footer__social {
  grid-area: social;
}

.footer__video {
  grid-area: more;
}

@media (min-width: 750px) {

  .footer {
    grid-template-areas:
      "quick social more";
  }

  .footer div {
    margin-inline: auto;
  }
}