Responsive Navigation Style

Making it look appealing

Activity

Here you can test out what you read, and achieve badges.

Instructions

Style the responsive navigation to match the following screenshots. DO NOT delete any of the HTML or CSS provided.

Mobile View

Mobile view with links not visible

screen-shot-2016-10-17-at-4-58-16-am

Mobile view with links visible

screen-shot-2016-10-17-at-4-57-48-am

Mobile view with link being hovered

screen-shot-2016-10-17-at-4-58-06-am

Non-mobile View

Non-mobile view

screen-shot-2016-10-17-at-4-58-31-am

 

Non-mobile view with link being hovered

screen-shot-2016-10-17-at-4-58-49-am

 

HTML

CSS

JavaScript

Output