How do i add a drop down navigation menu for smaller screens?

Im trying to add a nav bar menu for responsive web design but it wont work. :frowning:
Heres my code:

About Me Portfolio Contact Me

.nav .icon{
display: none;

I have moved your topic to the Help category where it should get more responses.

I’ve also edited your post for readability. When you enter a code block into the forum, remember to precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.


The above will not work at all, because the majority of it is CSS. This belongs in same section you have your other CSS and not nested in a script element.

You would most likely benefit from the FCC curriculum ( which will help you learn more about to properly use HTML, CSS, and JavaScript.