[Resolved] Grid items overlaping on smaller width

[Aleksi]

Hi,

thanks for GP and GB,

I have grid items overlapping when device size get smaller (on 1025-1200)

they should wrap automatically instead of overlaping.

See second section (gray background with logos) on the page joint.

Thanks.

[David]

Hi there,

I would probably create that layout with just a flex container and image blocks.

1. Add a Container Block:
– set the Layout > Flex -> Row -> Wrap
– set the Layout > Gap eg.10px
– set the Spacing > Margin Left & Margin Right -> Auto.
– set the Sizing > Max Width to a max width if required.

2. inside the Container add the number of image blocks and set their width to the minimum size you want them displayed.

That way there’s no % resizing to get in the way.

[Aleksi]

Thank you very much,

i’m checking that.

[David]

You’re welcome

[Aleksi]

Yes that worked.

Thank you very much.

[David]

Glad to hear that!

[Author]

Posts