grid-auto-flow: column;

[SkepticaLee]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/grid-auto-flow

What specific section or headline is this issue about?

Try IT/Examples

What information was incorrect, unhelpful, or incomplete?

The examples do not work for regularly sized objects. If two column widths are specified in grid-template, the values are applied to the first two columns, but all other elements are added to this tow with auto-widths

What did you expect to see?

Two columns, one with with three elements in the order they appear in the DOM, and one column with elements 4 & 5

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

Remove grid-row-start, grid-column start to see that no grid is formed.

MDN metadata

Page report details

• Folder: en-us/web/css/reference/properties/grid-auto-flow
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/grid-auto-flow
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/reference/properties/grid-auto-flow/index.md
• Last commit: bcbb4bd
• Document last modified: 2026-04-20T01:47:07.000Z