Collection container not growing with custom :nth-child code

Design help General
1

Hello everyone,

I am exploring custom layouts for displaying collections. Unfortunately, when using the :nth-child property as custom code, to have every 3rd item grow to 75%VW, the collection container does not grow to accommodate the new height. The result is that the last few collection items will bleed into the footer.

I’d appreciate any suggestions on how to have the container automatically grow to accommodate the custom code changes.

Here is my site Read-Only: LINK
Here is my site in a viewable format so you can see the result. LINK

1 Like
2

Hi Samuel, welcome :webflow_heart:

I would change the float approach with flex. I believe it will fix all your issues ;)

3

That worked. Thank you!

1 Like