CSS warm up exercises

I have asked you to do an exercise from MDN

• Mozilla exercise instructions
• html from the exercise ^ index.html
• css from the exercise ^ style.css

Note

• it may be longish, but it’s a good warm up
• SKIP the Font part (don’t use a downloaded font)
• Check your result with the W3C HTML validator

Note: you may see the following error, you can ignore it
Error: X-UA-Compatible HTTP header must have the value IE=edge, was IE=Edge,chrome=1.

That was harder, get as far as you can, here is mozilla's solution & my partial solutions, in case