Lab 9: Styling Block Elements
Challenge
This lab is about changing the margins, padding, etc. of block elements.
Problems
I didn't have that many problems with this lab, mostly since I heavily based it on the existing styling from Lab 8.
Again, I used W3Schools as a reference to find out what types of styles/colors I could use for elements like the borders. I found out how to add a smoother hover animation for the image.
One problem that stood out to me was that adding a border to the body only created a very compressed border at the top of the page, not around everything within the body. I couldn't figure out why this was happening, so I just moved on and selected the divs within the body themselves.
Results
This page has styled margins, padding, borders, and colors!