Page 1 of 1

Layout grid - not responsive

Posted: Sun Jan 03, 2021 1:33 am
by alex4orly
This is my other problem I mentioned ealier, Please have a look at this link:
https://squadron-125.org.il/figurs4pable.html

Ignore the header. Underneat it I have
1) One layout grid with 2 columns
2) INside each column, another layout grid with 4 columns

In desktop / tablet mode - it looks OK
In Mobile phone mode, I set a bp at 400px and expected the right layout grid, to be pushed down under the left layout grid to show two raws each for images. But, instead, it split each image on its own and shows the 8 blocks underneath each other.

Why?

I created again a single page project : https://squadron-125.org.il/for_pablo_125.qwb

Thank you

Re: Layout grid - not responsive

Posted: Sun Jan 03, 2021 8:31 am
by Pablo
I do not see anything wrong. It seems to work correct.
Can you please let me know what you expected to see and what it looks like for you?

Re: Layout grid - not responsive

Posted: Sun Jan 03, 2021 8:45 am
by alex4orly
I expected and want to see this : https://ourvilla.net.au/figures_expected.jpg - the right 4 items to be taken down at the breakpoint
And this is what I see and it is not what I want : https://ourvilla.net.au/figures_wrong.jpg

The 8 figures are showing in one long vertical column....

So, what am I doing wrong?

Cheers

BTW, this time I got the email notification

Re: Layout grid - not responsive

Posted: Sun Jan 03, 2021 9:48 pm
by Pablo
The breakpoint of the layout grid controls when the grid columns will be stacked.
So, in this case the breakpoint value of the outer grid should be increased.

Re: Layout grid - not responsive

Posted: Sun Jan 03, 2021 10:51 pm
by alex4orly
You mean, to increase the breakpoint of the outer layout grid
To what you suggest to increase it?
Can the 2 inner grids remain as they are?

Thanks

Re: Layout grid - not responsive

Posted: Mon Jan 04, 2021 7:11 am
by Pablo
You can try to set the breakpoint to 1280, then the inner grids do not have to be changed.

Re: Layout grid - not responsive

Posted: Mon Jan 04, 2021 7:33 am
by alex4orly
I am a bit confused....
The max width of the outer grid is 800 px
So, is there a point to set a bp to 1280? Why?

Cheers

Re: Layout grid - not responsive

Posted: Mon Jan 04, 2021 9:05 pm
by Pablo
The reason why I suggested this is because I think this will display the columns the way you want it.
Did you try it?

Re: Layout grid - not responsive

Posted: Tue Jan 05, 2021 12:03 am
by alex4orly
OK, it is fixed with the following setup:
The outer frame BP is set to 480px
Each of the inner frames are set to 320px

It works OK like that: https://squadron-125.org.il/thefigures.html

Thank you