Archived topic
Grid items overlaping on smaller width
5 replies · Started by Aleksi on March 13, 2023
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.
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.
Thank you very much,
i'm checking that.
You're welcome
Yes that worked.
Thank you very much.
Glad to hear that!
