Columns

Use columns to organize content side-by-side.

We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

Columns let you build layouts and organize content side by side. Each column element consists of a single row of columns. Learn more about building web layouts.

How to add and style columns

You can add a columns element from the Add panel > Other section. 

By default, a columns element has 2 columns. To change the number of columns, select the columns element on the canvas and go to Element settings panel > Columns options. There, you can select a layout option, the number of columns you want, and their proportional widths.

You can also adjust the columns’ sizes manually under Customize. Note that the proportions will always add up to 12.

Columns have default 10px padding on the left and right.

How to make your columns responsive

You can also make changes to how your columns show on various breakpoints under Element settings panel > Columns option. There, you can set your columns to display horizontally or vertically on different breakpoints.

Table of contents

Continue learning

Hmm…we couldn’t find any results for “search query”. Try a different search term or check out our community forum.

Search the forumReset the filter
Load more

Filter

Reset
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Topics
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Back to top