How to make my navigation responsive menu

Question

Hello dear StackOverflow community,

I've been struggling with how to learn to make the navigation responsive by using media query my intention was to make the navigation menu turn to a vertical style with the navbar. Could you also please provide me with the particular rule that transforms the nav menu from horizontal to vertical?

Thank you in advance

index.html

styles.css

Answer 1

You'll want two navs to start, a horz and vert. Use the media queries to display one or the other.

Once that is working, backup the code (or commit if using git), then refactor both navs into one.

.