@megamage
Люблю грозу в начале мая!

Как сверстать данную секцию?

Привет
Верстаю эту секцию
5c09dc9cc04e3670066689.png
Сначала думал флексами, но получалось так, что высота колонок была одинаковой, а при align-items: flex-start высота уменьшалась, но размеры высоты колонок оставались
Получалось так
(ничего пока не стилизовал)
5c09dd96a1550660203652.png
Можно ли верстать эту секцию флексами или лучше использовать проверенный masonry?

Пока решил попробовать masonry
Все ок, выстраивается как надо, но
5c09dded560eb693686939.png
Выравнивание элементов должно быть относительно правого края как тут
5c09de18cf3b6733162119.png

Может в msonry есть настройка какая-то отвечающая за это? Подскажите пожалуйста!
Как мне лучше сверстать данную секцию?

Заранее спасибо!
  • Вопрос задан
  • 217 просмотров
Пригласить эксперта
Ответы на вопрос 3
@grigorysh1
Попробуйте свойство: "originLeft: false". Она позиционирует элементы по правой или левой стороне. Если false- то должна по правой.
Ответ написан
@aliasst
а может сделать два больших блока флексами по 50%, а внутри каждого мелкие блоки просто идущие друг под другом в столбик
Ответ написан
@OKF
Как вариант, можно попробовать колонки. Они тоже не без недостатков, но для вашего случая могут подойти
https://codepen.io/fainz777/pen/JwPzvW?editors=0110
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы