Style with a class — practice exercise

What you'll be asked to do

1. 1.Style with a classexercise · easy · 10 min

   Add a paragraph carrying a highlight class.

   Passes when: Add a paragraph carrying a highlight class.

2. 2.Style a spanexercise · easy · 10 min · practice plan

   Wrap one word in a classed span.

   Passes when: Wrap one word in a classed span.

3. 3.Two styled wordsexercise · easy · 10 min · practice plan

   Give two words the same class.

   Passes when: Give two words the same class.

4. 4.A styled headingexercise · easy · 10 min · practice plan

   Give a heading a class rather than a font element.

   Passes when: Give a heading a class rather than a font element.

5. 5.A styled list itemexercise · medium · 10 min · practice plan

   Give one list item a class.

   Passes when: Give one list item a class.

6. 6.Fix the font elementbug fix · easy · 8 min

   font is obsolete; style with a class.

   Passes when: font is obsolete; style with a class.

7. 7.Fix the font used inlinebug fix · easy · 8 min · practice plan

   Use a span with a class instead.

   Passes when: Use a span with a class instead.

8. 8.Fix the second word left unstyledbug fix · easy · 8 min · practice plan

   Both words should carry the class.

   Passes when: Both words should carry the class.

9. 9.Fix the size attributebug fix · easy · 8 min · practice plan

   The size attribute was removed; use a class.

   Passes when: The size attribute was removed; use a class.

10. 10.Fix the inline style used for a reusable lookbug fix · easy · 8 min · practice plan

    A repeated look belongs in a class.

    Passes when: A repeated look belongs in a class.

Between them these tasks cover Deprecated styling, Classes and Separation of concerns.

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