Skip to content

Commit 855add3

Browse files
authored
Merge pull request #465 from mrego/grid-shorthand-example
[css-grid] Update grid shorthand example to the new syntax
2 parents fec09a2 + 329c86d commit 855add3

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

css-grid/Overview.bs

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2292,22 +2292,22 @@ Grid Definition Shorthand: the 'grid' property</h3>
22922292
<div class='example'>
22932293
In addition to accepting the 'grid-template' shorthand syntax for setting up the <a>explicit grid</a>,
22942294
the 'grid' shorthand can also easily set up parameters for an auto-formatted grid.
2295-
For example, ''grid: row 1fr;'' is equivalent to
2295+
For example, ''grid: auto-flow 1fr / 100px;'' is equivalent to
22962296

22972297
<pre>
2298-
grid-template: none;
2298+
grid-template: none / 100px;
22992299
grid-auto-flow: row;
23002300
grid-auto-rows: 1fr;
2301-
grid-auto-columns: 1fr;
2301+
grid-auto-columns: auto;
23022302
grid-gap: 0;
23032303
</pre>
23042304

2305-
Similarly, ''grid: column 1fr / auto'' is equivalent to
2305+
Similarly, ''grid: none / auto-flow 1fr'' is equivalent to
23062306
<pre>
23072307
grid-template: none;
23082308
grid-auto-flow: column;
2309-
grid-auto-rows: 1fr;
2310-
grid-auto-columns: auto;
2309+
grid-auto-rows: auto;
2310+
grid-auto-columns: 1fr;
23112311
grid-gap: 0;
23122312
</pre>
23132313
</div>

0 commit comments

Comments
 (0)