Skip to content

Commit e4940a2

Browse files
authored
fix(curriculum): improve clarity of questions and distractors CSS Flexbox quiz (freeCodeCamp#58400)
1 parent 59027fc commit e4940a2

File tree

1 file changed

+16
-16
lines changed

1 file changed

+16
-16
lines changed

curriculum/challenges/english/25-front-end-development/quiz-css-flexbox/66ed8fe7f45ce3ece4053eb2.md

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ div {
7777

7878
#### --text--
7979

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 row when the current row is full?
8181

8282
#### --distractors--
8383

@@ -103,19 +103,19 @@ What does the flexbox property `justify-content` control?
103103

104104
#### --distractors--
105105

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.
107107

108108
---
109109

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.
111111

112112
---
113113

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.
115115

116116
#### --answer--
117117

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.
119119

120120
### --question--
121121

@@ -143,7 +143,7 @@ What property controls the direction of the elements within the flexbox containe
143143

144144
#### --text--
145145

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?
147147

148148
#### --distractors--
149149

@@ -276,7 +276,7 @@ What CSS properties would you use to center an element within a flex container h
276276

277277
#### --text--
278278

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?
280280

281281
#### --distractors--
282282

@@ -324,15 +324,15 @@ What does the `stretch` value in `align-items` do?
324324

325325
#### --distractors--
326326

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.
328328

329329
---
330330

331331
Items are aligned such that their flex container baselines align.
332332

333333
---
334334

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.
336336

337337
#### --answer--
338338

@@ -342,7 +342,7 @@ Auto-size items to be equally large to fill the container.
342342

343343
#### --text--
344344

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?
346346

347347
#### --distractors--
348348

@@ -364,7 +364,7 @@ Which value for `justify-content` will evenly distribute items along the main ax
364364

365365
#### --text--
366366

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?
368368

369369
#### --distractors--
370370

@@ -386,7 +386,7 @@ Which value for `justify-content` will evenly distribute items along the main ax
386386

387387
#### --text--
388388

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?
390390

391391
#### --distractors--
392392

@@ -408,7 +408,7 @@ Which value for `justify-content` will evenly distribute items along the main ax
408408

409409
#### --text--
410410

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?
412412

413413
#### --distractors--
414414

@@ -430,7 +430,7 @@ Which value for `align-items` will make it so items are flush against the cross-
430430

431431
#### --text--
432432

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?
434434

435435
#### --distractors--
436436

@@ -452,7 +452,7 @@ Which value for `align-items` will make it so items are flush against the cross-
452452

453453
#### --text--
454454

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?
456456

457457
#### --distractors--
458458

@@ -474,7 +474,7 @@ Which value for `flex-direction` will make it so items are aligned along the mai
474474

475475
#### --text--
476476

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?
478478

479479
#### --distractors--
480480

0 commit comments

Comments
 (0)