Как создать вот такие карточки разного размера?

Question

[Андрей Блих]

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

Answer 1

[Рома Зварич]

Как сделать вот такие карточки разного размера?

1) Для всех элементов задаёте размер в половину ширины (за вычетом отступа).
2) Для элементов, которые должны занимать всю ширину, добавляете класс, в котором задаёте размер 100%

Результат:
https://codepen.io/hisbvdis/pen/PoYXZgv

Comments

[Рома Зварич]

Андрей Блих , такой вариант Вам подходит?

[Андрей Блих]

Рома Зварич, дя, спасибо братик

[Рома Зварич]

Андрей Блих, если ответ помог, просьба пометить его решением

Answer 2

[hzzzzl]

так они одинакового размера, или "на всю ширину" или "на половину ширины", пусть это прописывается в БД как один из параметров, типа важность статьи или как-то так

а потом уже display: flex; flex-wrap: wrap; flex-basis: 50% (100%)

это зачем так?

Comments

[Андрей Блих]

Я не правильно написал, я имел ввиду как сделать вот такой разной ширины? Ну типо там маленькие картинки большие и т.д

[Антон Р.]

Андрей Блих, во время вывода (foreach) определить счетчик и менять класс css в зависимости от того какая по порядку статья. На картинке у тебя первая и девятая статьи имеют класс col-md-12, остальные col-md-6.