Split into columns — practice exercise

What you'll be asked to do

1. 1.Split into columnsexercise · easy · 10 min

   Give #wrap three columns.

   Passes when: Give #wrap three columns.

2. 2.Size the columnsexercise · easy · 10 min · practice plan

   Give #wrap a 200px column width.

   Passes when: Give #wrap a 200px column width.

3. 3.Add a column gapexercise · easy · 10 min · practice plan

   Give #wrap a 30px column gap.

   Passes when: Give #wrap a 30px column gap.

4. 4.Add a divider ruleexercise · easy · 10 min · practice plan

   Add a 2px solid rule between columns.

   Passes when: Add a 2px solid rule between columns.

5. 5.Span all columnsexercise · medium · 10 min · practice plan

   Make #box span every column.

   Passes when: Make #box span every column.

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

   The property is column-count.

   Passes when: The property is column-count.

7. 7.Fix the missing unitbug fix · easy · 8 min · practice plan

   column-width needs a unit.

   Passes when: column-width needs a unit.

8. 8.Fix the rule with no stylebug fix · easy · 8 min · practice plan

   Without a style the column rule has no width.

   Passes when: Without a style the column rule has no width.

9. 9.Fix the gap propertybug fix · easy · 8 min · practice plan

   The gap between columns is column-gap.

   Passes when: The gap between columns is column-gap.

10. 10.Fix the span valuebug fix · easy · 8 min · practice plan

    Spanning every column uses the value all.

    Passes when: Spanning every column uses the value all.

Between them these tasks cover column-count, column-width, column-gap and column-rule.

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