CSS Syntax Practice

Here's a simple CSS with 4 syntax errors intentionally included:

h1 {
  color: blue   
font-size 20px; text-align: center; } p { background-color lightgray; padding 10px; margin: 15; }

You'll find the previous CSS code in our Code Pen, click on the link, fix the syntax errors in the CSS. You'll get hints from the error checker. When you fix all the errors the render window like the following screenshot

Screenshot from codepen.io

In order to complete this assignment, you'll need to know how to screenshot your computer.

Screenshot on a Mac

In order to take a screenshot on your Mac:

  • With the dialog or window you'd like to screen shot visible on your monitor, press command (⌘) + shift (⇧) + 4.
  • Draw a marquee around the portion of the display you'd like to screen shot.
    OR
  • Press the space bar and then click on the window you'd like to screenshot. (This only works on an open window or dialog. The OS helps you by "graying out" the window when you hover over it.

Screenshot on a PC

In order to take a screenshot on your PC:

  • With the dialog or window you'd like to screen shot visible on your monitor, press Windows (&x229e;) + Shift (⇧) + S.
  • Draw a marquee around the portion of the display you'd like to screen shot.
  • After capturing the screenshot, a thumbnail will appear in the bottom right corner of the screen.