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
Flex-Box problem
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.quickandeasywebbuilder.com/f ... =12&t=1901
MUST READ:
http://www.quickandeasywebbuilder.com/g ... arted.html
Quick 'n Easy Web Builder FAQ
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.quickandeasywebbuilder.com/f ... =12&t=1901
MUST READ:
http://www.quickandeasywebbuilder.com/g ... arted.html
Quick 'n Easy Web Builder FAQ
Re: Flex-Box problem
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.
A flex container is different type of layout element.
Please either use layout grid or flex box.
Re: Flex-Box problem
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
Unless, I hope you can teach me another way
Thanks
Re: Flex-Box problem
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
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