Responsive Design - How Many Photos on A Row Do You Like?

radderfire · 14 Jul 2016 at 16:28

Hi Guys

I want to build a responsive design using some nice photos. I will put photos across in rows with no gaps between them. I just wondered, how many photos in a row do you think looks best?

1?
2?
3?
4?

What do you prefer?

Thanks

GravyMonster · 14 Jul 2016 at 17:02

Depends entirely on the width, but a general rule of thumb for design is that odd numbers look better

radderfire · 14 Jul 2016 at 17:08

Yes, I quite like 3, just not sure yet.

Cern · 31 Jul 2016 at 13:28

Depends if you're going for a capped max-width approach or fluid.

If max-width and assuming something like a 960 or 1140 px cap, then 3 per row should work out well. Collapsing to 1 (or perhaps 2) per row for mobile sizes.

If fluid, 3 per row will be fine at smaller screen / browser window sizes, but you'll need to think about increasing the number per row for HD, WQHD and 4k. Again collapsing to 1 (or perhaps 2) per row for mobile sizes.

Rroff · 31 Jul 2016 at 13:42

Depends a bit but I prefer a fluid design that can scale between 4 and 5 with small gaps between images (a lot of the time I would be using 4 but sometimes make my browser wider and/or move to my 21:9 monitor).

S-Crim · 31 Jul 2016 at 16:31

I prefer 3 or 5, with gaps. Collapsing to 1 maybe 2 for mobiles.

chance2228 · 1 Aug 2016 at 09:09

Agreed, odd always tends to work better. Prefer 5 than 3.

Admiral Huddy · 1 Aug 2016 at 09:09

Odd numbers so 3 or 5

webmonkey100 · 20 Aug 2016 at 21:58

If your responsive design has break points for different devices try to design each mode to show a balance of the photo detail against the numbers per row.