The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Advanced flexbox layout related question

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #248017

    Hi there,

    I have written a CodePen example in order to show you what I want to achieve.

    This layout is kinda special, since I declare each rows and column with flexbox. Here, I wonder how I can fit the empty spaces due to different images sizes/screen resolutions, in order to make a grid fully responsive.



    Simply…no there isn’t…

    What you seem to be after is a masonry layout and, in the main, this is handled by Javascript.

    That’s not to say you couldn’t use flexbox columns (not rows) to achieve the same look but the order would be different.

    Here’s the classic Q&A on Stack OVerflow

    On final thing…Flexbox isn’t really intended to be used as a “grid system” strictly.

    It has advantages over other layout methods but it still has some limitations.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.