8000 [css-grid] Simplify example code, now that fr units imply an auto min… · w3c/csswg-drafts@7d832c6 · GitHub < 7FFF meta property="og:image:alt" content="…imum" />
Skip to content

Commit 7d832c6

Browse files
committed
[css-grid] Simplify example code, now that fr units imply an auto minimum
1 parent e032923 commit 7d832c6

3 files changed

Lines changed: 7 additions & 7 deletions

File tree

css-grid/Overview.bs

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -116,7 +116,7 @@ Background and Motivation</h3>
116116
It provides a mechanism for authors to divide available space for layout into columns and rows
117117
using a set of predictable sizing behaviors.
118118
Authors can then precisely position and size the building block elements of their application
119-
by into <a>grid areas</a> defined by these columns and rows.
119+
into <a>grid areas</a> defined by these columns and rows.
120120
Figure 1 illustrates a basic layout which can be achieved with grid layout.
121121

122122
<h3 id='adapting-to-available-space'>
@@ -175,12 +175,12 @@ Adapting Layouts to Available Space</h3>
175175
* the remaining space, but is never smaller than the minimum
176176
* size of the board or the game controls, which occupy this
177177
* column. */
178-
grid-template-columns: auto minmax(min-content, 1fr);
178+
grid-template-columns: auto 1fr;
179179

180180
/* Three rows: the first and last sized to content, the middle
181181
* row receives the remaining space, but is never smaller than
182182
* the minimum height of the board or stats areas. */
183-
grid-template-rows: auto minmax(min-content, 1fr) auto
183+
grid-template-rows: auto 1fr auto
184184
}
185185

186186
/* Each part of the game is positioned between grid lines by
@@ -251,8 +251,8 @@ Source-Order Independence</h3>
251251
/* Columns and rows created with the template property can be
252252
* assigned a sizing function with the grid-template-columns
253253
* and grid-template-rows properties. */
254-
grid-template-columns: auto minmax(min-content, 1fr);
255-
grid-template-rows: auto auto minmax(min-content, 1fr) auto
254+
grid-template-columns: auto 1fr;
255+
grid-template-rows: auto auto 1fr auto
256256
}
257257
}
258258

@@ -267,8 +267,8 @@ Source-Order Independence</h3>
267267
"stats board"
268268
"score ctrls";
269269

270-
grid-template-columns: auto minmax(min-content, 1fr);
271-
grid-template-rows: auto minmax(min-content, 1fr) auto
270+
grid-template-columns: auto 1fr;
271+
grid-template-rows: auto 1fr auto
272272
}
273273
}
274274

css-grid/images/game-larger.png

-3.28 KB
Loading

css-grid/images/game-smaller.png

-1.35 KB
Loading

0 commit comments

Comments
 (0)