Archived topic
2x2 Grid Displaying In One Column
5 replies · Started by StoicCorn on July 18, 2021
Hello,
I'm trying to display some blocks in a 2x2 grid but they don't display in that way unless the window is pretty wide despite the 2x2 grid being able to fit in the browser window as is.
I've tried playing with the container size, padding, spacing, etc but for some reason my 2x2 grid still displays in one column unless I enlarge my browser window an excessive amount.
Is there a setting I'm overlooking?
Thanks!
Hi there,
Can you link us to a sample page you're working on where this happens? So we can have a better picture of the issue.
You can use the private information text field to provide the link. Let us know .:D
The link is in the Private Information section.
Thank you for taking a look!
I see now. Thanks.
You've set the column's width for tablet viewport to 75% width. The breakpoint for that is 1024px which may be an issue for smaller desktops (some desktops share viewport with tablets).
Consider changing this value on your Grid Block. Try 50% width for both tablet and mobile and 100% on desktop only. :D
Thank you so much, I hadn't thought to check the other viewports.
By setting Desktop and Tablet to 50% and Mobile to 100%, I've gotten it to behave the way I want.
Thank you again for you help!
No problem. Glad to be of any help. :D
