/* This file is specifically for card-list.html */

.head-text{
    margin: 0 6vw;
}

.gamecard-size{
    aspect-ratio:750/1040;
    height: 12rem;
    width: fit-content;
}

.gamecard-wrapper{
    max-width: 1200px;
    margin: 4rem auto;
    display: grid;
    grid-row-gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 500px) {
    .gamecard-size{height: 18rem}
}

@media (min-width: 700px) {
    .gamecard-wrapper { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 1100px) {
    .gamecard-wrapper { grid-template-columns: repeat(4, 1fr); }
}