Column design

[bakrona]

Hi there

I have Section (first section called intro) with Row 2 and Row 3 which have each two columns. I would like to reduce gap 1 but maintain gap 2 as per attached image.

If I place the bullet point list in Row 2 Column 1, it will push down Row 3 and therefore increase gap 2.

How can I make the design that in the front end the left side looks like continious text whilst on the right side the image is followed by the grey area without a massive gap inbetween?

[ruenel]

Hello @bakrona,

Thanks for the very detailed post information. Please do the following:

1.) Insert the bullet points content in Row 2 Column 1.
2.) In Row 2 Column 2, just below the image element, insert another row element with only one column so that you can have a different column background color.
3.) Move the contents of Row 3 Column 2 to Row 2 Column 2 so that the gap between the image the form will be maintained.
4.) Removed the Row 3.

Hope this makes sense.

[bakrona]

wow, very cool, wasnt aware that you can insert another row in a column.

thank you for your guidance, happy with the result

[kory]

@bakrona, yep! Elements can be “infinitely” nested (within reason or as long as your design will allow for it, haha) within the Builders, so you can keep placing Rows inside of Columns as you need additional structure. Cheers!