Group for styling — practice exercise

What you'll be asked to do

1. 1.Group for stylingexercise · easy · 10 min

   Wrap two paragraphs in a classed div.

   Passes when: Wrap two paragraphs in a classed div.

2. 2.A layout rowexercise · easy · 10 min · practice plan

   Add a div that will hold columns.

   Passes when: Add a div that will hold columns.

3. 3.Use a semantic element insteadexercise · easy · 10 min · practice plan

   A page region is a section, not a div.

   Passes when: A page region is a section, not a div.

4. 4.A div inside a sectionexercise · easy · 10 min · practice plan

   Use a div only for the inner styling wrapper.

   Passes when: Use a div only for the inner styling wrapper.

5. 5.A card layoutexercise · medium · 10 min · practice plan

   Build a section holding a classed div of two cards.

   Passes when: Build a section holding a classed div of two cards.

6. 6.Fix the paragraphs with no wrapperbug fix · easy · 8 min

   They need a container to style together.

   Passes when: They need a container to style together.

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

   The row holds only one column.

   Passes when: The row holds only one column.

8. 8.Fix the div used for a page regionbug fix · easy · 8 min · practice plan

   A themed region with a heading is a section.

   Passes when: A themed region with a heading is a section.

9. 9.Fix the styling wrapper outside its sectionbug fix · easy · 8 min · practice plan

   The inner grid belongs inside the region.

   Passes when: The inner grid belongs inside the region.

10. 10.Fix the section built entirely from divsbug fix · easy · 8 min · practice plan

    Only the layout wrapper should be a div.

    Passes when: Only the layout wrapper should be a div.

Between them these tasks cover Generic containers, When to use a div and Semantics first.

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