Rachel Andrew • 8/24/2026

Multiple-column layout, rows, rules, and floats

This article discusses recently implemented CSS features in Chrome: rows in multiple-column layout and gap decorations for grid, flexbox, and multicol. It explains how rows (using column-wrap) prevent vertical scrolling issues, and how gap decorations allow adding rules between rows. The author demonstrates a demo with wrapped columns and row rules, and explores future ideas such as scroll snapping to rows, a ::row pseudo-element, and better control over floats within columns. It highlights limitations of current multicol implementation and suggests improvements for print-like web layouts.

0 comments

#css #css grid #Multiple Column Layout