Definition
The column-fill CSS property controls how content is divided across columns when a height is specified on the element. When set to auto, columns are filled sequentially, with remaining content spilling over to create additional columns if necessary. When set to balance, content is distributed evenly across all columns, potentially leaving some columns shorter than others.
For example, column-fill: balance; will ensure that the content is distributed evenly across the columns.