Collection grid 3 columns all same size

Lucas24
Excursionist
14 0 7

Hi, I've been looking online a lot but couldn't find a clear guide.
I just want to make a 3 column grid, with pictures of all the same size for my collections page.

What section am I supposed to modify to do so and what lines with what code please ?

Thanks

Replies 12 (12)
ready_golfer
Excursionist
20 1 6

Like @Lucas24 I am using the Brooklyn theme.

I will take a deeper dive into your discoveries. Thanks!

davidinottawa99
Tourist
3 0 1

See attached screenshot - Brooklyn already has the classes for this built-in to the CSS:

https://postimg.cc/RqPxGdBH

Make sure you have tried this approach first:

https://community.shopify.com/c/shopify-design/collection-grid-3-columns-all-same-size/m-p/452773/hi...

ready_golfer
Excursionist
20 1 6

@davidinottawa99 

Sorry for the misunderstanding, but I think we may be talking about two separate issues. It's all my fault. My issue is that customers on a tablet will see a 3-column grid in landscape format and a 2-column grid in the portrait format.

Landscape:

mobility-landscape.png

Portrait:

mobility-portrait.png

I want it to be a 3-column grid, no matter the format.