Hints
- An element's overall width is
width + margin + padding (the box model)
- Values can be defined as pixels (e.g.
10px) or percentages (e.g. 50%)
- CSS selectors can be nested to pick out elements within other elements (e.g.
#left-column .column-box)
- You can make circles with the
border-radius CSS property
- Resize your browser and notice how the elements move. This will give you clues to how they're laid out!
Colors
- Red:
#FF4136
- Blue:
#001f3f
- Green:
#3D9970
- Fuscia:
#B10DC9
- Grey:
#DDDDDD