*** SOLVED *** Layout grid issue
Posted: Mon Mar 09, 2026 2:47 am
i have 2 stacked layout grids. The top one has a top margin of 47px but no margin on the bottom. In WYSIWYG Web Builder the 2 layout grid butt up against each other, but when I preview in a browser, a gap of about 55 pixels (just a guess) appears between the 2 and i can't seem to figure out what the issue is. I've tried many things and searched for a solution. This is my last resort.
I wanted to post a sample of it but I don't have anywhere to upload the image to to make a link to it.
Some extra info. The top layout grid is actually one grid inside of the other. The outer grid has 3 columns and is formatted as a default, fluid with the height set to auto. The style is set to have gradient background that repeats in horizontal only, aligned center top.
The inner grid has three columns is positioned inside the center column of the outer grid with a 47 px top margin (as mentioned above) This inner grid is formatted as a flexbox with a fluid layout. The first column has a fixed width of 189px, the middle column has nothing specified, the third column has a fixed width of 98px. The fixed width columns house images with full width properties set to "false" - alignment center.
When I go to add another layout grid right under these two combined grids, a 55px space separates the two when previewing in a browser (Brave).
Anyone know what i'm doing wrong here?
I wanted to post a sample of it but I don't have anywhere to upload the image to to make a link to it.
Some extra info. The top layout grid is actually one grid inside of the other. The outer grid has 3 columns and is formatted as a default, fluid with the height set to auto. The style is set to have gradient background that repeats in horizontal only, aligned center top.
The inner grid has three columns is positioned inside the center column of the outer grid with a 47 px top margin (as mentioned above) This inner grid is formatted as a flexbox with a fluid layout. The first column has a fixed width of 189px, the middle column has nothing specified, the third column has a fixed width of 98px. The fixed width columns house images with full width properties set to "false" - alignment center.
When I go to add another layout grid right under these two combined grids, a 55px space separates the two when previewing in a browser (Brave).
Anyone know what i'm doing wrong here?