http://www.quickandeasywebbuilder.com

Please have a look at this page : https://ourvilla.net.au/techtips.html

It has a Layout grid, with two columns, set to be centered
Inside aech of the columns, there is a flex-box, inside each flex-box - a Blog object

In design mode it looks like this : https://ourvilla.net.au/flexbox.jpg - the two blog objects are seprated

But, when the page loads, the two columns are stuck together

Why? I must be doing something wrong

Your help please

Thanks

A flexbox container should not be inside a layout grid.
A flex container is different type of layout element.
Please either use layout grid or flex box.

Adding the Flex-Box, is the only way I can prevent to blog object from going further below the Layout grid, when there are more elemnts in the blog.

Unless, I hope you can teach me another way

Thanks

Hi Pablo,

I figured out another way and am posting it here, maybe someone else can benefit from it.

1) I created a seprate html page for each blog
2) On each page, I inserted a Layout Grid
3) Inside that grid, I inserted the Blog object
4) I repeated it again for the 2nd blog.

On the main page : https://ourvilla.net.au/techtips2.html
1) In the middle of the screen, I have a layout grid with 2 columns
2) In each column, I inserted an "Embedded-Page" object
3) Into each object - I linked to the respective blog object page.

All works fine as intended, hope someone here may find this useful

Cheers
Alex