Задать вопрос
FMars
@FMars
javascript

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

Подскажите как сверстать подобную новостную ленту?
Количество колонок должно меняться в зависимости от ширины браузера, но порядок новостей должен быть сохранен:
70c051b67c3d428b825ea4bb791950e5.png
eb6ea11381d64341993987fcb3cec57c.png
Можно ли сделать это только с помощью HTML/CSS или нужно подключать js-плагины?
  • Вопрос задан
  • 3536 просмотров
Комментировать
Подписаться 8 Оценить Комментировать
Решения вопроса 2
Kublyakov
@Kublyakov
Это называется masonry сетка. Погуглите, есть разные реализации, выберите себе по душе. Есть и на чистом css, но не во всех браузерах работать будет.
Ответ написан
Комментировать
Комментировать
Antonoff
@Antonoff
Разработчик
Masonry - Cascading grid layout library
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать программу для работы с PCI-E
24 апр. 2024, в 11:18
10000 руб./за проект
В wordpress подключить модуль по рассрочке (документацию дам)
24 апр. 2024, в 10:58
4500 руб./за проект
Развернуть болванку мултиплеерной игры unity на сервере
24 апр. 2024, в 09:59
5000 руб./за проект
Ещё заказы