Skip to content

Commit

Permalink
fix(curriculum): improve clarity of questions and distractors CSS Fle…
Browse files Browse the repository at this point in the history
…xbox quiz (freeCodeCamp#58400)
  • Loading branch information
Sembauke authored Jan 30, 2025
1 parent 59027fc commit e4940a2
Showing 1 changed file with 16 additions and 16 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ div {

#### --text--

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?
Which CSS property lets flex items wrap onto a new row when the current row is full?

#### --distractors--

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

#### --distractors--

It controls the direction of the children elements of the flexbox container.
It controls the direction of the child elements of the flexbox container.

---

It controls the text style of the children elements of the flexbox container.
It controls the text style of the child elements of the flexbox container.

---

It controls the alignment of the children elements within the flexbox container.
It controls the alignment of the child elements within the flexbox container.

#### --answer--

It controls the distribution of the children elements on the main axis.
It controls the distribution of the child elements on the main axis.

### --question--

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

#### --text--

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

#### --distractors--

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

#### --text--

What value of `flex-direction` makes the children elements go from right to left?
What value of `flex-direction` makes the flex items go from right to left?

#### --distractors--

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

#### --distractors--

Items are packed flush to each other toward the start edge of the container.
Items are packed directly against each other toward the start edge of the container.

---

Items are aligned such that their flex container baselines align.

---

Items are packed flush to each other toward the end edge of the container.
Items are packed directly against each other toward the end edge of the container.

#### --answer--

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

#### --text--

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

#### --distractors--

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

#### --text--

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?
Which `justify-content` value spaces items so that the gaps between every pair of adjacent items and the container’s edges are all equal?

#### --distractors--

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

#### --text--

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?
Which `justify-content` value spaces items equally along the main axis while leaving half that amount of space at the container’s edges?

#### --distractors--

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

#### --text--

Which value for `align-items` will make it so items are flush against the cross-axis start?
Which value for `align-items` will make it so items are directly against the cross-axis start?

#### --distractors--

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

#### --text--

Which value for `align-items` will make it so items are flush against the cross-axis end?
Which value for `align-items` will make it so items are directly against the cross-axis end?

#### --distractors--

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

#### --text--

Which value for `flex-direction` will make it so items are aligned along the main axis from left to right.
Which value for `flex-direction` will make it so items are aligned along the main axis from left to right?

#### --distractors--

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

#### --text--

Which value for `flex-direction` will make it so items are aligned along the cross axis from top to bottom.
Which value for `flex-direction` will make it so items are aligned along the cross axis from top to bottom?

#### --distractors--

Expand Down

0 comments on commit e4940a2

Please sign in to comment.