Skip to content

Commit 3fedd28

Browse files
committed
[css-grid-1][editorial] fix markup
1 parent d577374 commit 3fedd28

File tree

1 file changed

+17
-17
lines changed

1 file changed

+17
-17
lines changed

css-grid-1/Overview.bs

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -164,7 +164,7 @@ Introduction</h2>
164164
Background and Motivation</h3>
165165

166166
<figure class="sidefigure">
167-
<img class="figure" alt="Image: Application layout example requiring horizontal and vertical alignment." src="images/basic-form.png" />
167+
<img class="figure" alt="Image: Application layout example requiring horizontal and vertical alignment." src="images/basic-form.png">
168168
<figcaption>Application layout example requiring horizontal and vertical alignment.</figcaption>
169169
</figure>
170170

@@ -191,14 +191,14 @@ Adapting Layouts to Available Space</h4>
191191

192192
<figure class="sidefigure">
193193
<img src="images/game-smaller.png"
194-
alt="Let us consider the layout of a game in two columns and three rows: the game title in the top left corner, the menu below it, and the score in the bottom left with the game board occupying the top and middle cells on the right followed by game controls filling the bottom left. The left column is sized to exactly fit its contents (the game title, menu items, and score), with the right column filling the remaining space."/>
194+
alt="Let us consider the layout of a game in two columns and three rows: the game title in the top left corner, the menu below it, and the score in the bottom left with the game board occupying the top and middle cells on the right followed by game controls filling the bottom left. The left column is sized to exactly fit its contents (the game title, menu items, and score), with the right column filling the remaining space.">
195195

196196
<figcaption>Five grid items arranged according to content size and available space.</figcaption>
197197
</figure>
198198

199199
<figure class="sidefigure">
200200
<img src="images/game-larger.png"
201-
alt="As more space becomes available in larger screens, the middle row / right column are allowed to expand to fill that space." />
201+
alt="As more space becomes available in larger screens, the middle row / right column are allowed to expand to fill that space.">
202202

203203
<figcaption>Growth in the grid due to an increase in available space.</figcaption>
204204
</figure>
@@ -292,13 +292,13 @@ Adapting Layouts to Available Space</h4>
292292
Source-Order Independence</h4>
293293

294294
<figure class="sidefigure">
295-
<img alt="Image: An arrangement suitable for portrait orientation." src="images/game-portrait.png" />
295+
<img alt="Image: An arrangement suitable for portrait orientation." src="images/game-portrait.png">
296296

297297
<figcaption>An arrangement suitable for “portrait” orientation.</figcaption>
298298
</figure>
299299

300300
<figure class="sidefigure">
301-
<img alt="Image: An arrangement suitable for landscape orientation." src="images/game-landscape.png" />
301+
<img alt="Image: An arrangement suitable for landscape orientation." src="images/game-landscape.png">
302302

303303
<figcaption>An arrangement suitable for “landscape“ orientation.</figcaption>
304304
</figure>
@@ -598,13 +598,13 @@ Grid Layout Concepts and Terminology</h2>
598598

599599
<!--
600600
<div class="figure">
601-
<img class="figure" alt="Image: A diagram illustrating the relationship between the Grid Element and its Tracks, Lines, Areas and Items." src="images/grid-concepts.png" />
601+
<img class="figure" alt="Image: A diagram illustrating the relationship between the Grid Element and its Tracks, Lines, Areas and Items." src="images/grid-concepts.png">
602602
<p class="caption">A diagram illustrating the relationship between the <a>grid container</a> and its tracks, lines, areas and items.
603603
</div>
604604
-->
605605

606606
<figure>
607-
<img class="figure" alt="Image: Grid Lines." src="images/grid-lines.png" />
607+
<img class="figure" alt="Image: Grid Lines." src="images/grid-lines.png">
608608
<figcaption>Grid lines: Three in the block axis and four in the inline axis.</figcaption>
609609
</figure>
610610

@@ -1247,7 +1247,7 @@ Z-axis Ordering: the 'z-index' property</h3>
12471247
used to control their stacking order.
12481248

12491249
<figure>
1250-
<img src="images/drawing-order.png" />
1250+
<img src="images/drawing-order.png">
12511251

12521252
<figcaption>Drawing order controlled by z-index and source order.</figcaption>
12531253
</figure>
@@ -1699,7 +1699,7 @@ Naming Grid Lines: the <css>[<<custom-ident>>*]</css> syntax</h4>
16991699
</pre>
17001700

17011701
<figure class="figure">
1702-
<img class="figure" alt="Image: Named Grid Lines." src="images/grid-named-lines.png" />
1702+
<img class="figure" alt="Image: Named Grid Lines." src="images/grid-named-lines.png">
17031703
<figcaption>Named Grid Lines.</figcaption>
17041704
</figure>
17051705
</div>
@@ -1942,7 +1942,7 @@ Computed Value of a Track Listing</h4>
19421942
alternating between [=line name sets=] and [=track sections=],
19431943
with the first and last items being [=line name sets=].
19441944

1945-
A <dfn>line name set</dfn> is a (potentially empty) <a spec=infra for=/>set</a>
1945+
A <dfn>line name set</dfn> is a (potentially empty) <a spec=infra for="/">set</a>
19461946
of identifiers representing line names.
19471947

19481948
A <dfn>track section</dfn> is either:
@@ -2502,7 +2502,7 @@ Implicit Track Sizing: the 'grid-auto-rows' and 'grid-auto-columns' properties</
25022502
adding rows as needed until sufficient space is located to accommodate the position of any auto-placed <a>grid item</a>.
25032503

25042504
<div class="figure">
2505-
<img alt="Image: A form arranged using automatic placement." src="images/auto-placed-form.png" />
2505+
<img alt="Image: A form arranged using automatic placement." src="images/auto-placed-form.png">
25062506

25072507
<p class="caption">A form arranged using automatic placement.
25082508
</div>
@@ -2551,21 +2551,21 @@ Implicit Track Sizing: the 'grid-auto-rows' and 'grid-auto-columns' properties</
25512551
&lt;/style>
25522552
&lt;form>
25532553
&lt;label for="firstname">First name:&lt;/label>
2554-
&lt;input type="text" id="firstname" name="firstname" />
2554+
&lt;input type="text" id="firstname" name="firstname">
25552555
&lt;label for="lastname">Last name:&lt;/label>
2556-
&lt;input type="text" id="lastname" name="lastname" />
2556+
&lt;input type="text" id="lastname" name="lastname">
25572557
&lt;label for="address">Address:&lt;/label>
2558-
&lt;input type="text" id="address" name="address" />
2558+
&lt;input type="text" id="address" name="address">
25592559
&lt;label for="address2">Address 2:&lt;/label>
2560-
&lt;input type="text" id="address2" name="address2" />
2560+
&lt;input type="text" id="address2" name="address2">
25612561
&lt;label for="city">City:&lt;/label>
2562-
&lt;input type="text" id="city" name="city" />
2562+
&lt;input type="text" id="city" name="city">
25632563
&lt;label for="state">State:&lt;/label>
25642564
&lt;select type="text" id="state" name="state">
25652565
&lt;option value="WA">Washington&lt;/option>
25662566
&lt;/select>
25672567
&lt;label for="zip">Zip:&lt;/label>
2568-
&lt;input type="text" id="zip" name="zip" />
2568+
&lt;input type="text" id="zip" name="zip">
25692569

25702570
&lt;div id="department-block">
25712571
&lt;label for="department">Department:&lt;/label>

0 commit comments

Comments
 (0)