Streaming live at 10am (PST)

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


#1

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 ?


#2

Hey

A little custom css is needed. Check this I made for you on your mobile:
http://three-columns.webflow.io/

Preview:
https://preview.webflow.com/preview/three-columns?preview=8c788515fdd4d89440f259129e68a7cd

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:


#3

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