[Support request] Get flex containers to display side-by-side on mobile

[David]

Hello, all of my flex containers are being displayed vertically on mobile.

How do I get it to display like a wiki author page like elon musk for mobile.

Container1 = Education
Container2 = University of Pennsylvania (BA, BS)

How do I get it on mobile on the same line?
Container1 Container2

It shows up as:
Container1
Container2

Thank you so much!
Also, I noticed the mobile preview doesn’t match what actually shows up…

[Ying]

Hi David,

Are you using Grid block of GenreateBlocks?

If so, you can select the Grid containers and set the width accordingly instead of 100% on mobile.

[David]

I was using only containers with flex without grid but I just tried it with grid and it seems to work!

I was under the impression that the new container system was supposed to replace grid but I guess that isn’t the case?

[Ying]

Ah I see, in most cased, the flex container should be able to replace the Grid.

You can try to set the flex container’s flex-wrap to nowrap, so the 2 containers inside the flex container will stay in one row for mobile.

[Author]

Posts