section.album-listing-block{
    background: var(--color-primary);
    padding:calc(var(--side-margin)*0.5) 0  ;
}
h2.album-listing-title {
    width: 100%;
    text-align: center;
    margin: 0 auto 20px;
    text-transform: uppercase;
}
.album-listing-block ul.album-grid{
    margin: 0 auto;
    list-style: none;
    max-width: var(--content-regular);

    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;

    will-change: transform;

    padding:0  var(--side-margin)  ;
}
.album-listing-block ul.album-grid li.album-card {
    box-sizing: border-box;
    min-width: 0;
    flex: 0 0 calc((100% - 3rem) / 3);
}
.album-listing-block li.album-card h3.album-card-title a{
    padding-top: 9px;
    display: block;
    padding-bottom: 9px;
}
.album-listing-block li.album-card a.album-card-link{
    padding: 2px;
}
.album-listing-block ul.album-grid.album-grid--few {
    justify-content: center;
}
.album-listing-block ul.album-grid.album-grid--few li.album-card {
    flex: 0 0 calc((100% - 3rem) / 3);
}

@media (max-width: 950px) {
    .album-listing-block li.album-card h3.album-card-title{
        font-size: 19px;
    }
    .album-listing-block ul.album-grid li.album-card,
    .album-listing-block ul.album-grid.album-grid--few li.album-card {
        flex: 0 0 calc((100% - 1.5rem) / 2);
    }
}

@media (max-width: 675px) {
    .album-listing-block ul.album-grid li.album-card,
    .album-listing-block ul.album-grid.album-grid--few li.album-card {
        flex: 0 0 100%;
    }
}