Как я могу, используя flexbox, сделать все карты одинакового размера, а во второй строке, если карт недостаточно, чтобы заполнить строку, затем выровняйте карты влево и оставьте пустым справа? На данный момент карты растут, чтобы заполнить пространство во втором ряду.
Вот мой CSS:
.container {
display: flex;
flex-flow: row wrap;
align-content: flex-start;
}
.card {
flex: 1 1 0;
padding: 0.5rem;
}