CSS Selectors

Description

Fork this CodePen Pen as the base of your assignment and complete CSS Styles in between the comments.

Codepen

Requirements and Marks

1 Point Each

• Center the body at 1024px wide
• Change the body background and font colour to be more appealing.
• Change the default font family
• Add a border radius to the element with the id "Logo"
• Add a drop shadow to the element with the id "Logo"
• Bold the <mark> Element in the Unordered List
• Change the font family of elements with the class title
• Change the <nav> List Items display style to inline block
• Increase and Bold the <nav> List Items
• Add a Border and Spacing around each <nav> List Item
• Add padding
• background color
• center the text inside the footer
• Change the hover style of any link with an href of #favs

2 Points

• Add a background colour and border to the element with the id "types"
• Does it pass W3C CSS Validation?

3 Points

• Color Each Favourite Fruits Ordered List Item with their appropriate background color

Submission

Submit CodePen URL on Brightspace.