Responsive Columns example

Column 1

This is some text inside of a div block.

Column 2

This is some text inside of a div block.

Column 3

This is some text inside of a div block.

Description: The Columns Element in Webflow can be customized for each device. By default columns stack next to each other on Desktop and stack on top of each other on mobile devices.

Column 1

This is some text inside of a div block.

Column 2

This is some text inside of a div block.

Column 3

This is some text inside of a div block.

Fix It yourself

TIP: Select a Column or Row element above (you can also use the Breadcrumb bar at the bottom or the Navigator panel on the right to find it), go to the element settings (Gear icon in the top right corner) and make sure the columns stack on mobile devices.

#7 Resources

Need more help?

You got it! There are tons of people learning Webflow and web design every day. A great place to start is the video tutorials. Then head on over to the support center or community forum.

Video Tutorials

tutorials.webflow.com

Forums

forum.webflow.com

Help Docs

help.webflow.com

(You can click on the links above by going into Preview Mode – the eye icon in the top left corner)