footer {
  @apply mx-auto px-12 pt-64;
  .branding {
    @apply w-full mb-12;

    .website-title {
      @apply w-full;
    }
  }

  .credits {
    @apply w-full grid  gap-x-24 gap-y-12;
    display: grid;
    column-gap: 100px;
    grid-auto-flow: column; /* clé ici */
    grid-template-rows: repeat(2, auto);
    grid-template-columns: repeat(4, 1fr);

    > :first-child {
      grid-row: span 2;
    }
  }
  .socials {
    a {
      @apply block;
    }
  }
}