CSS Columns

Introducing column-count and column-width properties.

columns shorthand.


column-count sets ideal column count.

column-width sets minimum column width.


Example: https://contrib.drupalarchitect.info/project/projects/task/161-define-task-types

This one has short terms. Setting column-width above the longest length looks good.

Used to style an unordered list in a CMS. What column options should be provided to content authors?

Is there a better way to style columns without manually specifying widths?

Theme issue: https://theme.mantra.network/issues/unocss-columns-utilities


Another example

https://codepen.io/mortona42/pen/XJXLBeg

Level
Topics