Use inline — practice exercise

What you'll be asked to do

1. 1.Use inlineexercise · easy · 10 min

   Make the #text paragraph flow inline.

   Passes when: Make the #text paragraph flow inline.

2. 2.Use inline-blockexercise · easy · 10 min · practice plan

   Make #box inline-block.

   Passes when: Make #box inline-block.

3. 3.Use flexexercise · easy · 10 min · practice plan

   Make #wrap a flex container.

   Passes when: Make #wrap a flex container.

4. 4.Use gridexercise · easy · 10 min · practice plan

   Make #wrap a grid container.

   Passes when: Make #wrap a grid container.

5. 5.Hide an elementexercise · medium · 10 min · practice plan

   Remove #box from the layout entirely.

   Passes when: Remove #box from the layout entirely.

6. 6.Fix the misspelled valuebug fix · easy · 8 min

   The value is inline-block.

   Passes when: The value is inline-block.

7. 7.Fix flex spelled as flexboxbug fix · easy · 8 min · practice plan

   The display value is flex.

   Passes when: The display value is flex.

8. 8.Fix the hidden element still taking spacebug fix · easy · 8 min · practice plan

   opacity: 0 leaves the box in the layout.

   Passes when: opacity: 0 leaves the box in the layout.

9. 9.Fix grid spelled wrongbug fix · easy · 8 min · practice plan

   The value is grid.

   Passes when: The value is grid.

10. 10.Fix display set on the wrong elementbug fix · easy · 8 min · practice plan

    The container should be the flex parent.

    Passes when: The container should be the flex parent.

Between them these tasks cover Display values and Choosing the right box type.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.