How to create two columns on mobile view?

Hi, on desktop I can create multiple columns within the one row without any issues.
When I view this same page on a mobile device, the columns don’t line up next to each other horizontally, they stack on top of each other.

Flex Block 1 seems to be the only element capable of this… surely this can be added for all other elements as well? Without a visually pleasing horizontal scroll available, two columns is very important I think.

Thanks

Hey Vlad, thanks for getting back to me.
I actually just stumbled upon this as it displays something different in the tagdiv composer compared to the live mobile test environment.

I have used Block 15 with Padding x10 on each side, although it seems to just right right left/right sides.
When I view this on tagdiv composer – mobile option, the content aligns stacked (yuk haha)… but when I view on my live test environment on my actual mobile… the content is displayed in two beautiful columns.
I’m going through my customcss but I can’t see anything, nor have I added custom class to the element.

Oh also, I live in Australia and one of our official government tourism sites have content shown on two columns when viewing on mobile.
I’m not saying this is correct, but they *should* have professional website designers behind this site and they’ve done it… I would love for this to be a feature in future updates.
It compresses the content so much better on a mobile rather than a long vertical column of content. Second feature is horizontal scrolling on one row content but I have another forum entry for that.

Hi Vlad, thanks heaps.
My website is still in build most and is protected behind a password.

How can I send you this information without it being visible here to other forum users please?