Columns let you divide content in Notion. It is very useful with e.g. images or callouts.

<aside> ℹ️ This is a callout in the first column.

</aside>

This image with a caption is in the second column.

This image with a caption is in the second column.

You can have more than two columns:

https://images.unsplash.com/photo-1611162617213-7d7a39e9b1d7?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb

https://images.unsplash.com/photo-1645680827507-9f392edae51c?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb

https://images.unsplash.com/photo-1563770660941-20978e870e26?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb

Notes

In Notion, you are allowed to change the mid-point between columns. However, this information is not available through Notion’s API. Therefore, any columns will have the same width when rendered.

Styling

Columns consist of a column list (.column_list) containing a number of columns (.column). May we suggest styling .column_list with display: flex?