Archived topic
Get flex containers to display side-by-side on mobile
3 replies · Started by David on March 14, 2023
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...
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.
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?
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.
