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

Home Forums CSS Responsive gallery grid – combine resize with wrap

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

    Hi there – I’m a relative newby at CSS.

    I am trying to set up a dynamic thumbnail gallery grid that responds to changes in the size of the browser window via a combination of thumbnail resizing (i.e. number of thumbnails in each row remains unchanged) and then – once a min or max row width limit is reached – thumbnail wrapping between rows.

    I have the thumbnail dynamic resizing working fine – it is just setting the width limits to trigger moving a thumbnail between rows I am struggling with.

    Could anyone give me a hint how I could achieve this?

    Many thanks


    If I get it, this seems to be a bit of a “chicken and egg problem”. Can you show what you did sofar in a Codepen?

    Anyway, maybe not what you mean, but maybe these examples are helpfull; some math done with Sass mixins:


    If you can use Flexbox, you might be interested in something like this:

    Check the blog link in the details of the pen for more info.


    Edit: Whoops… somehow I double posted :(

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