Remove $($Non$-$Breaking Space$)$ from all anchor elements in the nav area

Add CSS rules for the nav element to

Set the width to $100\%$

Make the background color black

Set overflow to auto

Add CSS rules for the nav descendant anchor elements to the following

Float the content to the left

Set width to $25\%$

Set the font color to white

Add a rule to text$-$align: center

Set font family to 'Oswald' with a fallback to sans$-$serif

Set the font size to$1\mathrm{.}50$em

Add padding of $10$px to all anchor elements

Add a CSS hover pseudocode element to the nav anchor elements

Set the hover background color to lightgrey

Set the hover font color to black

Image Area

Remove the $75$px padding CSS rule for the content$1$ class.

Change the three images inline style to a width of $100\%.$

Add a div with a class named $$row$$ around each of the image elements

Replicate the original div with the class named content$1$ and add the following three images

az$\_$state$\_$bird.jpg with alt text $$AZ State Bird Cactus Wren$$

az$\_$state$\_$tree.jpg with alt text $$AZ State Tree Mesquite$$

turquoise.jpg with alt text $$AZ State Mineral Turquoise$$

Use the same formatting from the above images, including the row divs $($It is easy just to copy the current code and just replace the image file names and edit the alt text$)$

Add the following rules to the $$row$$ class

Float to left

Set width to $33\mathrm{.}33\%$

Add padding of $15$px

Create a CSS clearfix rule for the content$1$ class with the following properties

content: $""$

clear: both

display: table

Compress all files in a Zip folder and submit via Canvas