@OrdeO
just......newbie

Как сверстать подобную плитку?

Я начинающий верстальщик, нужно сверстать страницу как на скрине, проблема в том, сами блоки со статьями будут приходить с бек части и их количество может менятся как и размер блока со статьями, как все это сверстать, учитывая все эти особенности.
Т.е. пример может прийти 5 блоков, и тогда они должны корректно расставиться по горизонтали. Т.е. будет 2 столбца по 2 статьти и 1 столбец с одной. Т.е. каждая новая статья должна добавлятся в конец строки.
Причем нужно учесть что б в независимости от размера блока, между плитками не было больших пустот.
У меня "взрывается" мозг от всего этого непонимания, помогие пожалуйста новичку, с чего начинать и как двигаться дальше?
5ddfd3898c159567155223.png
  • Вопрос задан
  • 180 просмотров
Решения вопроса 1
uselessmindYEAH
@uselessmindYEAH
Frontback cocaine developer
Пригласить эксперта
Ответы на вопрос 2
SlampD
@SlampD
Ответ написан
Комментировать
@DemonCyborg
Есть такой jQuery плагин Masonry. Не знаю насколько актуально его использование со всеми этими современными технологиями. Врядли вы сделаете это на css flexbox. Попробуйте css grid. Вот статья (на английском), давно в закладках держу, но не успел прочесть и опробовать еще.
Ответ написан
Ваш ответ на вопрос

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

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