@ViT93

Как перенести карточку товара на новую строку и масштабировать все карточки для заполнения освободившегося пространства?

Всем привет!
Как заполнить, оставшееся пространство справа, после переноса карточки, при этом чтобы все карточки были одинакового размера? Интересует решение исключительно флексбоксом, так как вьюпортами пользоваться умею)
5f743624190da859291444.png

Такой способ не подходит, так как 2 последние карточки явно большего размера

.cards {
  display: flex;
  flex-wrap: wrap;
}
.cards__item {
    margin: 10px;
    flex: 1 1;
    min-width: 250px;
}


5f74371518fab619070016.png
  • Вопрос задан
  • 140 просмотров
Пригласить эксперта
Ответы на вопрос 2
HunteR-VRX
@HunteR-VRX
Помешанный на развитии
Приветствую.
Могу подсказать реализацию в рамках Grid.

Функция auto-fill, свойства grid-template-columns
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
26 окт. 2020, в 10:48
3000 руб./за проект
26 окт. 2020, в 10:42
30000 руб./за проект
26 окт. 2020, в 10:18
50000 руб./за проект