Как равномерно распределить карточки на странице?
.grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.grid::after {
  content: "";
  flex: auto;
}https://codepen.io/ из https://stackoverflow.com/
Я бы добавил каждой карточке отступ справа, кроме последней.
Было бы что-то вроде:.flex-container {
    display: flex;
    flex-wrap: wrap;
}

.card {
    margin-right: 25px;
}

.card:last-child {
   margin-right: 0;
}