@media (max-width: 700px) {
  .app-footer {
    justify-items: center;
    text-align: center;
  }

  .footer-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2px 22px;
    text-align: center;
  }

  .footer-main > span {
    width: 100%;
    margin-bottom: 2px;
    text-align: center;
  }

  .footer-main > a,
  .footer-main > .quiet {
    justify-self: auto;
    max-width: none;
    text-align: center;
  }

  .footer-license {
    width: min(100%, 34ch);
    margin-inline: auto;
    text-align: center;
    text-wrap: pretty;
  }
}