Grids - How to limit the column width when dynamically populating?

[bk_whopper]

I have a video collection. Each video gets its own page. Below the main video are thumbnails of related videos.

I’m using a grid for the thumbnail section. My grid is set up with 225px/1FR, with height limits for each cell’s content. It works great when there are 4 or more thumbnails. It looks weird when there are fewer than 4 since the 1FR horizontally stretches the thumbnails to fill the space.

Is there a way I can set a maximum width for my thumbnails if the count is lower than a certain number?

---

Example 1 (this looks right)

Read-only link for Example 1

---

Example 2 (this looks wrong)

Read-only link for Example 2

[imtiazraqib]

Hey @bk_whopper , in your min/max settings for grid columns, just set the max to 225 px as well and change the layout of your grid as shown below.

This way, no matter if you 1, 2 or 3 videos, they will all be 225px wide and be arranged from left to right.

Result shown here from Example 2

[bk_whopper]

AMAZING! That totally worked. Thank you!

[imtiazraqib]

Glad I could be of help my friend, happy designing!