From the course: HTML and CSS: Creating Navigation Bars

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Solution: Make your nav bar responsive

Solution: Make your nav bar responsive

From the course: HTML and CSS: Creating Navigation Bars

Start my 1-month free trial Buy for my team

Solution: Make your nav bar responsive

“

(upbeat music) - [Instructor] So, how did you do with that challenge? Hopefully that worked okay for you. And hopefully you have something like this, that at some point you wind up with some kind of webpage that looks like this. You have your logo. You have your hamburger button. When you click the hamburger button, you get your menu that flies down here. You have your close button and so forth. And then when you get back to your desktop dimensions, you have a full nav bar that comes in and still works the same kind of way. So let me show you how I did it. Here in my HTML, I have a header that goes around the whole thing, as I did before. And what I did was I used a div with a class of identity to group a bunch of things together here. And those things included the actual LinkedIn logo itself here on line three. And then that series of HTML tags that code the hamburger button right after that. So all of that is inside of a div with a class of identity. Why did I do that? Well, I want…

Contents