/* Match the desktop page width to one full row of six album cards. */
@media (min-width: 1100px) {
  .site-header,
  main,
  footer {
    max-width: 1400px;
  }

  .library {
    padding-left: 0;
    padding-right: 0;
  }

  .folder-grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    align-content: flex-start;
    justify-content: center;
    gap: 16px;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }

  .folder-grid > .folder-card {
    flex: 0 0 220px;
    min-width: 0;
    min-height: 0;
    height: auto;
  }

  .folder-grid > .folder-card .folder-info {
    padding-bottom: 10px;
  }

  .folder-grid > .folder-card > img,
  .folder-grid > .folder-card > .folder-art {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    flex: 0 0 auto;
    object-fit: fill;
    background: transparent;
  }

}