Hi all,
I placed a grid element (padding horizontal 2.5 REM) into a Div block.
The grid is still overflowing to the right and I do not know why - could anyone please help me?
Best regards
Bastian
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Hi Bastian,
Grid overflow issues can be resolved through several approaches depending on your specific setup. The primary solution is to set the parent Div block’s Overflow to “hidden” through the Style panel > Size settings. This will contain any content that extends beyond the div’s boundaries.
If elements are still not displaying correctly, ensure your grid children have appropriate width settings. Using percentage-based widths (100% or less) helps maintain proper alignment within their grid cells. Additionally, check that your grid items aren’t accidentally spanning across multiple cells or using absolute positioning that could place them outside their intended containers.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Hey @Bastifantasti ,
You can probably make the following changes to solve this.
Set the rows value to be 2 for the Home Service Grid V3 element.
Click the Setting icon beside it to set the grid settings and set the size of the columns and rows as highlighted below
Here’s a detailed view of the size setting that you can set for each column & row.
After this, you should be able to see the result as follows:
Hope this helps.
