Margin and Padding

Margin and padding are two concepts in CSS that are very easy to confuse. Try experimenting with both of these by adding them to some of the elements in our example website. First try adding margin, then add padding, and then add both together. Play with the values until you feel like you understand the difference.

For a deeper understanding of margin and padding, be sure to read the W3C documentation that covers the "box model."

Hexadecimal Colors

Grasping hexadecimal values can be tricky. In this stage, we typed out some hex values and then tried guessing the color. Check out this hex guessing game where you have to do the opposite; guess the color of a given hex value.

Practicing using both of these methods will allow you to use hex colors easily.