Masonry Grid + свой кастомный блок внутри. Как такое заверстать?
Доброго времени.
Как такое заверстать?
При загрузке страницы в центре логотип, а вокруг блоки (посты из WP).
Страница может скролится вниз.
Это всё ещё и должно быть респонсив/адаптивка под разные экраны.
Такое расположение блоков можно сделать тем же Masonry плагином, а вот чтобы внутрь, чётко по центру всунуть свой блок, уже вскипает мозг))
Юпитер Макс, Спасибо Максим, что откликнулись. Извините, что не уточнил - это PSD'шка заказчика, а именно фрагмент, секция страницы между верхним основным меню и футером.
Ночью пришло кстати озарение, как хоть в теории это можно сделать и вариант имеет право на жизнь:
- делим секцию на 3 колонки: левая и правая по 3 вертикальных полосы постов и центральная с логотипом и постами над и под.
- левая и правая чисто флексбокс, колонкой (column) + перенос постов внутри (wrap). То есть посты внутри идут сверху вниз, по достижению низа - перенос и формируют 2-ю и 3-ю полосу постов.
- центральную колонку делим ещё на 3 части только горизонтально: верхний блок с постами, центр - логотип, нижний блок постов. Только вот чтобы выставить эту колонку так, чтобы логотип был по центру, думаю придётся JS'ом высчитывать высоту экрана, расстояние от начала колонки до логотипа и смешать эту центральную колонку по вертикали. Колонка соответственно будет обрезаться оверфловом секции сверху/снизу.
Может быть будут ещё мысли, так как пока извилин хватило на вот такой вот вариант.
Простой
