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

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

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy • Нижний Новгород
от 80 000 до 120 000 ₽
Ещё вакансии