Profile view in the mobile device

Hello, I have the problem that the profile view is not displayed well on mobile devices. I have created several tabs in which fields are displayed. In the screenshots I show the tab "General". This tab contains fields such as: "Nickname, age, educational level, etc.". You can see that it is not displayed well, how can I do it better?
This is how I want it:

Nickname: Elfi
Age: 50
Education level: University

I don't know why things are listed below each other. There is enough space.

thanks for your help



Desktop: Looks good.


Mobile: Doesn't look good.

My profile on joomlapolis.com doesn't look good on mobile either.

Flexbox grids are supposed to stack like that. It can't make assumptions about content fitting or not. Use CSS to restyle it however you like if you don't like it doing that.

My profile on joomlapolis.com doesn't look good on mobile either.

I don't agree, it looks perfectly fine. Scrolling is perfectly acceptable on mobile devices. They're built for it.

Hello and thank you for your answer,
can you give me an example for the css instruction. How do I go about this?
Sorry I'm not that good at that.

We do not provide coding assistance here. We can only provide simple examples. You can use the below CSS override feature in CB to add custom CSS to CB.

www.joomlapolis.com/blog/kyle/18711-template-css-overrides-made-easy

Example as follows would half the margin between fields.


It should only apply this to mobile view.