Add information about the use of a period in grid-template-areas strings

[glmvc]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas

What specific section or headline is this issue about?

<string>+ value

What information was incorrect, unhelpful, or incomplete?

We should add information about using a period character (U+002E full stop) in grid-template-areas strings, since it's a useful feature defined in the spec.

What did you expect to see?

At least an info box that such a feature exists. Maybe with an additional example showing the usage.

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

I like Rachel Andrew's explanation in an article on Smashing Magazine:

If you do want to leave a cell (or cells) as empty space, you do this by inserting a . or series such as ... with no space between them.

Or simply something like "A period signifies an empty grid cell".

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/web/css/grid-template-areas
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/grid-template-areas/index.md
• Last commit: 84a1213
• Document last modified: 2024-01-08T23:42:37.000Z