.card-container {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    margin: 50px;
}

@media screen and (max-width: 800px) {
    .grid-container {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 600px) {
    .grid-container {
        grid-template-columns: 1fr;
    }
}