Как реализовать такую верстку?

заинтересовала верстка новостей на этом сайте.

как я понял выстраиваются новости по дате с учетом высоты предыдущих блоков.
572de26aab314b3c868f23964b5c5174.png

открыв инспектор я удивился - все на position:absolute; left:xxx; top:xxx;

есть какой-то js скрипт, который их расставляет, но правильно ли это с точки зрения хорошей верстки? каким правильным и красивым способом можно реализовать подобную колоночную верстку новостей?
  • Вопрос задан
  • 605 просмотров
Решения вопроса 1
SergheySan
@SergheySan
Front-end разработчик
На сайте используется скрипт Masonry masonry.desandro.com который сам выстраивает блоки. Использование скрипта на качество верстки по моему не влияет.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
mlnkv
@mlnkv
JavaScript Developer
Комментировать
mmmaaak
@mmmaaak
Делал недавно в качестве эксперимента нечто похожее, но без абсолютного позиционирования. Просто нужно немного поменять логику упорядочивания блоков codepen.io/anon/pen/rVqBLK
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы