.cards {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
}

@media (min-width: 680px) {
    .cards {
        flex-flow: row wrap;
    }
}