From the course: Creating a Responsive Web Experience
Unlock this course with a free trial
Join today to access over 22,600 courses taught by industry experts.
Adjusting the CSS for the navigation
From the course: Creating a Responsive Web Experience
Adjusting the CSS for the navigation
Now, we're going to make some modifications to our HTML file. So, we're going to come over here to index that HTML and open this up in your preferred Text editor. Now, inside of the HTML file, let's scroll down. Let's find the navigation element. We can see it down here. Let's come down here and select the entire navigation element, including the anchor links inside. Hit Cmd or Ctrl+X to cut to the clipboard. Let's scroll up in the HTML. Let's find the header element. Let's hit a Return, and let's pace the navigation element directly after the header element. This way the navigation will always follow the header element through all of the different screen sizes. Now with our nav element moved, let's come back to the my website project. Let's open up our CSS folder. And let's open up screen layout large.css. Inside of here let's find the nav element. Let's remove the position of absolute. We're going to let the navigation now just flow with the rest of the HTML content. Let's scroll…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.