Span two columns — practice exercise

What you'll be asked to do

1. 1.Span two columnsexercise · easy · 10 min

   Make every cell span two columns.

   Passes when: Make every cell span two columns.

2. 2.Start at a specific lineexercise · easy · 10 min · practice plan

   Place the cells starting at column line 2.

   Passes when: Place the cells starting at column line 2.

3. 3.Span two rowsexercise · easy · 10 min · practice plan

   Make every cell span two rows.

   Passes when: Make every cell span two rows.

4. 4.Place with start and endexercise · easy · 10 min · practice plan

   Place cells from column line 1 to line 3.

   Passes when: Place cells from column line 1 to line 3.

5. 5.Align one itemexercise · medium · 10 min · practice plan

   Use justify-self to push cells to the end of their track.

   Passes when: Use justify-self to push cells to the end of their track.

6. 6.Fix the missing span keywordbug fix · easy · 8 min

   Spanning tracks needs the span keyword.

   Passes when: Spanning tracks needs the span keyword.

7. 7.Fix the wrong axisbug fix · easy · 8 min · practice plan

   The span was applied to rows instead of columns.

   Passes when: The span was applied to rows instead of columns.

8. 8.Fix the placement on the containerbug fix · easy · 8 min · practice plan

   grid-column applies to items, not the container.

   Passes when: grid-column applies to items, not the container.

9. 9.Fix the wrong separatorbug fix · easy · 8 min · practice plan

   A start/end range uses a slash.

   Passes when: A start/end range uses a slash.

10. 10.Fix justify-items used on an itembug fix · easy · 8 min · practice plan

    An individual item uses justify-self.

    Passes when: An individual item uses justify-self.

Between them these tasks cover grid-column, grid-row and span.

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