Hannah Graves | Challenge Five
Personal CSS Errors
- Line 5 Main shouldn’t be in <>
- Line 15 shouldn’t have </main>
- Line 20 should be displayed: flex, not Diamonds
- Line 25 should be a { bracket, not [
- Line 27 should be } not ]
- Line 35 should be h4 not 4, on its own
- Line 52 should be a comment /**/ not <!-->
- Line 35, the order of the headers should be: #menu-icon:hover h4
- Line 46 shouldn’t be capitalized
- Line 33 should be spelled background-color, not colour
- Line 38 shouldn't be #444 but a hex code like #ffffff
- Font- weight shouldn’t be bold on line 71
Group CSS Errors
- Line 1 the UTF is capitalized needs to be utf-8
- Line 5: Main should not be closed in brackets <>
- Lines 10-13: no units on the margins and padding use px unit
- Line 15: Main does not need to be there at all just a closing bracket }
- Line 19 diamonds is not being displayed
- Line 20: Display: diamonds is not a proper display function.
- Line 25-27: body does not have the correct brackets {}
- Line 29: Does not need the # in front of the menu-icon
- Line 33 should be spelled background-color, not colour
- Line 35: random number 4 is not necessary
- Line 35, :hover, should be after #menuicon
- Line 38 shouldn't be #444 but a hex code like #ffffff
- Line 46 shouldn’t be capitalized
- Line 54 down: the link CSS is not in the right order: should be a:, a:visited, a:hover, and a:active
- Lines 25 and 63: The body background color is repeated
- Line 67: header nav does not need to have a period in front of it
- Font- weight shouldn’t be bold on line 71
- Line 51: <!-- active applies to when the link is clicked → To /* <!-- active applies to when the link is clicked --gt;*/