From the course: Creating a Responsive Web Design: Advanced Techniques

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Relocating the nav element

Relocating the nav element

- Now to complete this lesson, I'll be working with a copy of the project from the the previous course, called Creating a Responsive Web Design. If you've taken that course, you can use that project. If you have not taken that course, or you simply want to use the files in the exercise files, inside of the CH_01 there's a folder called starter_files. Inside here, if you open the index.html file up, I basically have a copy of that previous project with just the header and navigation elements. So, if we resize these, we can see the navigation element dropping below the content, and then if we widen this up, we can see our navigation menu. And for those working with a copy of the final previous project, you'll have not only the header and navigation elements, but the rest of the layout as well. So in either case, we have this seam-based structure for the heading and navigation elements that we can use to complete this lesson. Now, on my desktop, I have a copy of the previous project in a…

Contents