Streaming live at 10am (PST)

How to display 3 columns in a flexbox for phone vertical?

I’m working on a design of a page in flexbox that is set to <justify: space between> to have 3 columns horizontally spaced for the desktop.

I need to have the same columns display (like in a slider) for the smartphones vertical display : user swipes right and left to get to the next column.

How should I approach that ?


A little custom css is needed. Check this I made for you on your mobile:


I got some tips on this site:

The trick is flex-wrap: nowrap; (custom css) and overflow auto on the flex div.

Hope it helps :grinning:

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.