smidl
@smidl
WordPress-разработчик

Как вывести элементы таким образом?

Не могу понять как правильно выводить вот так элементы... И не знаю с какой стороны двигаться: давать классы и выводить со стороны пхп (вордпресс) или же можно все решить CSS? Подскажите, пожалуйста, как решать подобные задачи правильно?

Интересует вывод самих миниатюр разного размера и с разным выравниванием ( одна из больших слева, а мелкие обтекают ее справа, а вторая большая СПРАВА, а мелкие элементы обтекают ее слева)

2b8bdd9d37254945a797e653975ccc4e.jpg
  • Вопрос задан
  • 241 просмотр
Решения вопроса 3
miraage
@miraage
Старый прогер
Контейнеру
display: flex
flex-direction: column

Большому
flex-grow: 2

Дальнейший тюнинг уже по требованиям делать (responsive или нет, фикс размеры или нет итд)
Ответ написан
Комментировать
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
давать классы и выводить со стороны пхп (вордпресс) или же можно все решить CSS

а классы это не css?

Подключите вот эту библиотеку masonry.desandro.com
Ответ написан
Комментировать
@edk55
Я бы сделал так.
Надеюсь, мысль ясна.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Aleksandr_Frontend
Подобную структуру необходимо делать с помощью сетки. Можете использовать готовые решения (bootstrap, foundation) или же сделать свою. В принципе можно сделать на обычном CSS, но времени такой способ скушает в разы больше.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы