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: curriculum/challenges/english/25-front-end-development/quiz-css-flexbox/66ed8fe7f45ce3ece4053eb2.md
+16-16Lines changed: 16 additions & 16 deletions
Original file line number
Diff line number
Diff line change
@@ -77,7 +77,7 @@ div {
77
77
78
78
#### --text--
79
79
80
-
Flexbox defaults to fit all children within a single row. What property can be modified when there are too many children within one row, and you want to spread them out into multiple rows?
80
+
Which CSS property lets flex items wrap onto a new rowwhen the current row is full?
81
81
82
82
#### --distractors--
83
83
@@ -103,19 +103,19 @@ What does the flexbox property `justify-content` control?
103
103
104
104
#### --distractors--
105
105
106
-
It controls the direction of the children elements of the flexbox container.
106
+
It controls the direction of the child elements of the flexbox container.
107
107
108
108
---
109
109
110
-
It controls the text style of the children elements of the flexbox container.
110
+
It controls the text style of the child elements of the flexbox container.
111
111
112
112
---
113
113
114
-
It controls the alignment of the children elements within the flexbox container.
114
+
It controls the alignment of the child elements within the flexbox container.
115
115
116
116
#### --answer--
117
117
118
-
It controls the distribution of the children elements on the main axis.
118
+
It controls the distribution of the child elements on the main axis.
119
119
120
120
### --question--
121
121
@@ -143,7 +143,7 @@ What property controls the direction of the elements within the flexbox containe
143
143
144
144
#### --text--
145
145
146
-
What CSS properties would you use to make a `.container` element's items flow from left to right, change lines when an item exceeds container width, and have new items go on top of the previous line?
146
+
Which CSS properties can be used to make flex items flow from left to right, and have the new flex item appear on top of the previous one if the width of the current row is exceeded?
147
147
148
148
#### --distractors--
149
149
@@ -276,7 +276,7 @@ What CSS properties would you use to center an element within a flex container h
276
276
277
277
#### --text--
278
278
279
-
What value of `flex-direction` makes the children elements go from right to left?
279
+
What value of `flex-direction` makes the flex items go from right to left?
280
280
281
281
#### --distractors--
282
282
@@ -324,15 +324,15 @@ What does the `stretch` value in `align-items` do?
324
324
325
325
#### --distractors--
326
326
327
-
Items are packed flush to each other toward the start edge of the container.
327
+
Items are packed directly against each other toward the start edge of the container.
328
328
329
329
---
330
330
331
331
Items are aligned such that their flex container baselines align.
332
332
333
333
---
334
334
335
-
Items are packed flush to each other toward the end edge of the container.
335
+
Items are packed directly against each other toward the end edge of the container.
336
336
337
337
#### --answer--
338
338
@@ -342,7 +342,7 @@ Auto-size items to be equally large to fill the container.
342
342
343
343
#### --text--
344
344
345
-
Which value for `justify-content`will evenly distribute items along the main axis, have the same spacing between each pair of adjacent items, and have items whose sides are flush against the main axis edge?
345
+
Which `justify-content`value places the first item at the start, the last item at the end, and evenly spaces the other items between them along the main axis?
346
346
347
347
#### --distractors--
348
348
@@ -364,7 +364,7 @@ Which value for `justify-content` will evenly distribute items along the main ax
364
364
365
365
#### --text--
366
366
367
-
Which value for `justify-content`will evenly distribute items along the main axis, and have the same spacing between each pair of adjacent items and against the main axis edge?
367
+
Which `justify-content`value spaces items so that the gaps between every pair of adjacent items and the container’s edges are all equal?
368
368
369
369
#### --distractors--
370
370
@@ -386,7 +386,7 @@ Which value for `justify-content` will evenly distribute items along the main ax
386
386
387
387
#### --text--
388
388
389
-
Which value for `justify-content`will evenly distribute items along the main axis, have the same spacing between each pair of adjacent items, and have items on the sides with half the spacing against the main axis edge?
389
+
Which `justify-content`value spaces items equally along the main axis while leaving half that amount of space at the container’s edges?
390
390
391
391
#### --distractors--
392
392
@@ -408,7 +408,7 @@ Which value for `justify-content` will evenly distribute items along the main ax
408
408
409
409
#### --text--
410
410
411
-
Which value for `align-items` will make it so items are flush against the cross-axis start?
411
+
Which value for `align-items` will make it so items are directly against the cross-axis start?
412
412
413
413
#### --distractors--
414
414
@@ -430,7 +430,7 @@ Which value for `align-items` will make it so items are flush against the cross-
430
430
431
431
#### --text--
432
432
433
-
Which value for `align-items` will make it so items are flush against the cross-axis end?
433
+
Which value for `align-items` will make it so items are directly against the cross-axis end?
434
434
435
435
#### --distractors--
436
436
@@ -452,7 +452,7 @@ Which value for `align-items` will make it so items are flush against the cross-
452
452
453
453
#### --text--
454
454
455
-
Which value for `flex-direction` will make it so items are aligned along the main axis from left to right.
455
+
Which value for `flex-direction` will make it so items are aligned along the main axis from left to right?
456
456
457
457
#### --distractors--
458
458
@@ -474,7 +474,7 @@ Which value for `flex-direction` will make it so items are aligned along the mai
474
474
475
475
#### --text--
476
476
477
-
Which value for `flex-direction` will make it so items are aligned along the cross axis from top to bottom.
477
+
Which value for `flex-direction` will make it so items are aligned along the cross axis from top to bottom?
0 commit comments