[27/28] Ширина последнего элемента

Курсы §36. Флексбокс, часть 2
1

Здравствуйте.

Как задать ширину последней карточки равной ширине остальных карточек?
Если в ряду 1 карточка, из-за свойства flex-grow: 1; карточка получает полную ширину.

question.png2528×1512 1.67 MB

Спасибо

2

Таким образом:

.card:last-child {
    flex-grow: 0;
    flex-basis: 44%;
}
3

Это не универсальное решение, что если ширина контейнера увеличится и колонок станет 3?

4

Не использовать flex-grow совсем.