You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css-grid-1/Overview.bs
+17-17Lines changed: 17 additions & 17 deletions
Original file line number
Diff line number
Diff line change
@@ -164,7 +164,7 @@ Introduction</h2>
164
164
Background and Motivation</h3>
165
165
166
166
<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">
168
168
<figcaption>Application layout example requiring horizontal and vertical alignment.</figcaption>
169
169
</figure>
170
170
@@ -191,14 +191,14 @@ Adapting Layouts to Available Space</h4>
191
191
192
192
<figure class="sidefigure">
193
193
<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.">
195
195
196
196
<figcaption>Five grid items arranged according to content size and available space.</figcaption>
197
197
</figure>
198
198
199
199
<figure class="sidefigure">
200
200
<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.">
202
202
203
203
<figcaption>Growth in the grid due to an increase in available space.</figcaption>
204
204
</figure>
@@ -292,13 +292,13 @@ Adapting Layouts to Available Space</h4>
292
292
Source-Order Independence</h4>
293
293
294
294
<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">
296
296
297
297
<figcaption>An arrangement suitable for “portrait” orientation.</figcaption>
298
298
</figure>
299
299
300
300
<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">
302
302
303
303
<figcaption>An arrangement suitable for “landscape“ orientation.</figcaption>
304
304
</figure>
@@ -598,13 +598,13 @@ Grid Layout Concepts and Terminology</h2>
598
598
599
599
<!--
600
600
<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">
602
602
<p class="caption">A diagram illustrating the relationship between the <a>grid container</a> and its tracks, lines, areas and items.
0 commit comments