.PixelArtListing {
  ul.grid {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 8px;
    flex-wrap: wrap;

    li {
      margin: 0;
      padding: 0;

      .pixel-art-card {
        display: inline-block;
        width: 100%;
      }

      .pixel-art-card__frame {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        aspect-ratio: 1;
        border-radius: 12px;
      }

      img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        image-rendering: pixelated;
      }
    }
  }
}