In all of the excitement about CSS Grid Layout and Flexbox, another layout method is often overlooked. In this article I'm going to take a look at Multi-column Layout — often referred to as multicol or sometimes “CSS Columns”.

The CSS multi-column layout module lets you divide content across multiple columns. By using the properties in this module, you can define the preferred number and width of columns, the gap size between columns, and the visual appearance of the optional column dividing lines (known as column rules). You can also define how content should flow from column to column and how to break content between columns.