CSS exercises

Keywords: 

Exercise: Bar joke
Use CSS and HTML to make this:

Result

Use a sans serif font. Get the colors about right. Get the spacing about right.

Submit the URL of your solution.

(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)

Exercise: Pets, love, and evil
Make a table like this:

Result

You can change the pets, and the yes/no ratings. You don't have to match the colors and spacing exactly.

Note:

  • The cells all have space around the text.
  • The yes/no ratings are centered.
  • The entire table has a border.
  • Odd and even rows are different.

Hint: mix-in classes might help.

Upload the URL of your solution.

(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)