Editorial review: Document CSS multicol column wrapping by chrisdavidmills · Pull Request #42934 · mdn/content

chrisdavidmills · 2026-01-27T12:05:05Z

Description

Chrome 145 adds support for Column wrapping for multicol, which includes the column-height and column-wrap properties. See https://chromestatus.com/feature/5176206485618688.

This PR documents those two properties and adds appropriate mentions in other places.

Motivation

Additional details

Related issues and pull requests

Fixes #43183

github-actions · 2026-01-27T12:06:34Z

Preview URLs (7 pages)

Flaws (13)

Note! 3 documents with no flaws that don't need to be listed. 🎉

Found an unexpected or unresolvable flaw? Please report it here.

URL: /en-US/docs/Web/CSS/Reference/Properties/column-count
Title: column-count
Flaw count: 1

broken_links:
- Link /en-US/docs/Web/CSS/number-token doesn't resolve

URL: /en-US/docs/Web/CSS/Reference/Properties/column-height
Title: column-height
Flaw count: 1

broken_links:
- Link /en-US/docs/Web/CSS/length is a redirect

URL: /en-US/docs/Web/CSS/Reference/Properties/column-width
Title: column-width
Flaw count: 3

broken_links:
- Link /en-US/docs/Web/CSS/length is a redirect
- Link /en-US/docs/Web/CSS/length is a redirect
- Link /en-US/docs/Web/CSS/percentage is a redirect

URL: /en-US/docs/Web/CSS/Reference/Properties/columns
Title: columns
Flaw count: 8

broken_links:
- Link /en-US/docs/Web/CSS/column-width is a redirect
- Link /en-US/docs/Web/CSS/column-count is a redirect
- Link /en-US/docs/Web/CSS/column-height doesn't resolve
- Link /en-US/docs/Web/CSS/length is a redirect
- Link /en-US/docs/Web/CSS/length is a redirect
- and 3 more flaws omitted

(comment last updated: 2026-03-04 20:42:49)

rachelandrew

This looks generally ok, other than a nit on the overflow page and a suggestion to make things clearer around what causes columns to overflow.

files/en-us/web/css/guides/multicol_layout/handling_overflow/index.md

files/en-us/web/css/reference/properties/column-height/index.md

…ndex.md Co-authored-by: Rachel Andrew <me@rachelandrew.co.uk>

estelle

lots of comments, but nothing major

files/en-us/web/css/guides/multicol_layout/handling_overflow/index.md

files/en-us/web/css/reference/properties/columns/index.md

…ndex.md Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

…ndex.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

estelle

-I think height: fit-content can be removed from the no-support sections.

Recommend placing relevant CSS before hidden CSS in the source order so hitting "play" shows the relevant to the example CSS at the top. If there are specificity concerns, put the hidden CSS in a layer.
Begin the description section with the name of the feature and a summary description.
A lot of the suggestions are to make the reference pages sound less guide-like and more reference-esque.

files/en-us/web/css/guides/multicol_layout/handling_overflow/index.md

files/en-us/web/css/reference/properties/column-height/index.md

files/en-us/web/css/reference/properties/column-wrap/index.md

files/en-us/web/css/reference/properties/columns/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

files/en-us/web/css/reference/properties/column-height/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

estelle

Looks good. Just a few minor tweaks, but I don't need to re-review. approving.

files/en-us/web/css/reference/properties/column-wrap/index.md

files/en-us/web/css/reference/properties/column-height/index.md

estelle · 2026-03-04T13:15:07Z

files/en-us/web/css/reference/properties/column-height/index.md

+
+#### CSS
+
+We start by setting {{cssxref("column-width")}} on the {{htmlelement("body")}} element to define the preferred width for the columns. A {{cssxref("gap")}} of `3em 2em` results in a `3em` gap between rows and a `2em` gap between columns. The {{cssxref("column-rule")}} adds a line in the center of the gap between the columns. The `column-height` of `95vh` makes the columns nearly as tall as the viewport.


I did a PR if you want to do a quick review - #43338

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

These comments were handled.

Document CSS multicol column wrapping

dfb8158

chrisdavidmills requested a review from a team as a code owner January 27, 2026 12:05

chrisdavidmills requested review from estelle and removed request for a team January 27, 2026 12:05

github-actions bot added the Content:CSS Cascading Style Sheets docs label Jan 27, 2026

chrisdavidmills changed the title ~~Document CSS multicol column wrapping~~ Jan 27, 2026

github-actions bot added the size/xl [PR only] >1000 LoC changed label Jan 27, 2026

rachelandrew previously requested changes Feb 5, 2026

View reviewed changes

files/en-us/web/css/guides/multicol_layout/handling_overflow/index.md Outdated Show resolved Hide resolved

files/en-us/web/css/guides/multicol_layout/handling_overflow/index.md Outdated Show resolved Hide resolved

estelle reviewed Feb 5, 2026

View reviewed changes

files/en-us/web/css/reference/properties/column-height/index.md Outdated Show resolved Hide resolved

chrisdavidmills and others added 3 commits February 6, 2026 11:49

Update files/en-us/web/css/guides/multicol_layout/handling_overflow/i…

be08125

…ndex.md Co-authored-by: Rachel Andrew <me@rachelandrew.co.uk>

Merge branch 'main' into multicol-column-wrapping

0907ba0

tech review fixes

a9961c2

chrisdavidmills changed the title ~~Technical review: Document CSS multicol column wrapping~~ Feb 6, 2026

estelle requested changes Feb 16, 2026

View reviewed changes

Merge branch 'main' into multicol-column-wrapping

9d73cc7

chrisdavidmills requested a review from a team as a code owner February 19, 2026 11:10

chrisdavidmills requested review from hamishwillee and removed request for a team February 19, 2026 11:10

chrisdavidmills and others added 6 commits February 19, 2026 11:14

Update files/en-us/web/css/guides/multicol_layout/handling_overflow/i…

854eb34

…ndex.md Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/guides/multicol_layout/handling_overflow/i…

2de324f

…ndex.md Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/guides/multicol_layout/handling_overflow/i…

323ebff

…ndex.md Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/columns/index.md

6e25c79

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/guides/multicol_layout/handling_overflow/i…

245fafc

…ndex.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Fixes for estelle review comments

4cda374

chrisdavidmills requested a review from estelle February 19, 2026 13:11

hamishwillee removed their request for review February 20, 2026 00:30

rachelandrew mentioned this pull request Feb 23, 2026

Document column-height and column-wrap properties #43183

Closed

estelle requested changes Feb 24, 2026

View reviewed changes

Update files/en-us/web/css/reference/properties/column-height/index.md

5d2c771

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

chrisdavidmills and others added 8 commits March 4, 2026 08:50

Update files/en-us/web/css/reference/properties/column-wrap/index.md

34c2c9f

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/columns/index.md

495d8aa

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/column-height/index.md

e4a2cb6

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/columns/index.md

043b9c2

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/column-wrap/index.md

3d352bd

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/columns/index.md

441baf9

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/column-height/index.md

e69278e

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/column-height/index.md

ad28b73

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

github-actions bot reviewed Mar 4, 2026

View reviewed changes

files/en-us/web/css/reference/properties/column-height/index.md Show resolved Hide resolved

chrisdavidmills and others added 8 commits March 4, 2026 08:56

Update files/en-us/web/css/reference/properties/column-wrap/index.md

00ec776

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/column-height/index.md

5eeb3f9

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/column-height/index.md

096f49c

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/column-wrap/index.md

fdfa716

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/column-height/index.md

f354007

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Update files/en-us/web/css/reference/properties/column-wrap/index.md

d1b0324

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/column-wrap/index.md

2edcc73

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

more estelle comment fixes

b489502

chrisdavidmills requested a review from estelle March 4, 2026 09:44

estelle approved these changes Mar 4, 2026

View reviewed changes

chrisdavidmills and others added 6 commits March 4, 2026 20:37

Update files/en-us/web/css/reference/properties/column-wrap/index.md

fac8ca3

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/column-wrap/index.md

6d0cf17

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/column-wrap/index.md

1a49c0c

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/column-height/index.md

ae75dbb

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/column-height/index.md

c98835f

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

Update files/en-us/web/css/reference/properties/column-height/index.md

ca15a25

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

chrisdavidmills requested review from rachelandrew and removed request for rachelandrew March 4, 2026 20:42

chrisdavidmills merged commit 04defe5 into mdn:main Mar 4, 2026
8 checks passed

chrisdavidmills deleted the multicol-column-wrapping branch March 4, 2026 20:44


		#### CSS

		We start by setting {{cssxref("column-width")}} on the {{htmlelement("body")}} element to define the preferred width for the columns. A {{cssxref("gap")}} of `3em 2em` results in a `3em` gap between rows and a `2em` gap between columns. The {{cssxref("column-rule")}} adds a line in the center of the gap between the columns. The `column-height` of `95vh` makes the columns nearly as tall as the viewport.

Conversation

chrisdavidmills commented Jan 27, 2026 • edited by pepelsbey Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Motivation

Additional details

Related issues and pull requests

github-actions bot commented Jan 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

rachelandrew left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

estelle left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

estelle left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

estelle left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

estelle Mar 4, 2026

Choose a reason for hiding this comment

Uh oh!

Labels

3 participants

chrisdavidmills commented Jan 27, 2026 •

edited by pepelsbey

Loading

github-actions bot commented Jan 27, 2026 •

edited

Loading