Задать вопрос
PINTAGON
@PINTAGON
Веб разработчик
верстка

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

Все шалом! Как сделать вот такие карточки разного размера?5d85f7bb582ca083422670.png
Тоисть, когда я буду создавать статью она будет идти в базу и чтобы они сами строились так, как так сделать?
  • Вопрос задан
  • 568 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
hisbvdis
@hisbvdis
Как сделать вот такие карточки разного размера?


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

Результат:
https://codepen.io/hisbvdis/pen/PoYXZgv
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ответы на вопрос 1
hzzzzl
@hzzzzl
так они одинакового размера, или "на всю ширину" или "на половину ширины", пусть это прописывается в БД как один из параметров, типа важность статьи или как-то так

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

это зачем так?
5d85f9c843bc1152891114.png
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
PHP-программист (SEO-правки)
Demis Group
от 50 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать приложение калькулятор заказа материла ios + android (опция)
26 апр. 2024, в 15:30
100000 руб./за проект
Поддержка сервиса по рассылкам
26 апр. 2024, в 15:12
30000 руб./за проект
Unity AR прототип
26 апр. 2024, в 15:11
15000 руб./за проект
Ещё заказы