Vertical responsive masonry layout for photography portfolio

Design help General
1

Hello,
I would like to create a page similar to this: http://hallieburton.com (Squarespace). The rows are always 100% horizontal and the images move into the next row if the hight is less than approximately 25 % VH. So the rows have a slightly different hight. The images within one row always have the same hight.
I tried a lot of different ways – fleybox, wrapping children, max and min hight and width but I just can’t find the solution.
Help would be very much appreciated!
Best wishes,
Kurt

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Not sure how to achieve exactly that, but personally I like this Masonry library a lot. Let me know if it’s of any use to you as well!

3

Thank you Rory! Nice options – but vertical alignment. I will talk to my customer again. Maybe he is into moving from horizontal to vertical.

4

I see. I thought that they would’ve had an example relatively close to what you are looking for, but now that I looked further into it, it seems that none of them are. :frowning:

I did manage to find a couple of other solutions searching the internet for “Horizontal Masonry”. Here are 2 example that may peek your interest.

5

Thank you Rory, I forgot to answer – sorry about that. I found a way, a little cheating is involved. I will send a link once it is done.

6

No worries! Curious how you figured it out. :slight_smile: