Flex-Box problem

All Quick 'n Easy Web Builder support issues that are not covered in the forums below.
Post Reply
alex4orly
Posts: 321
Joined: Thu Jul 23, 2020 9:34 am

Flex-Box problem

Post by alex4orly »

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
User avatar
Pablo
Site Admin
Posts: 3918
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Flex-Box problem

Post by Pablo »

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.
alex4orly
Posts: 321
Joined: Thu Jul 23, 2020 9:34 am

Re: Flex-Box problem

Post by alex4orly »

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
alex4orly
Posts: 321
Joined: Thu Jul 23, 2020 9:34 am

Re: Flex-Box problem

Post by alex4orly »

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
Post Reply