From the course: Responsive CSS Workflow with Sass, Bourbon, and Susy

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Adjusting the navigation

Adjusting the navigation

From the course: Responsive CSS Workflow with Sass, Bourbon, and Susy

Start my 1-month free trial

Adjusting the navigation

- [Instructor] Our page is starting to come together rather nicely at this point, but I want to go ahead and clean up this header to show the name here, TechChops at the left side and this navigation float up to the right side when we're at a wide layout like this and then at the small size, let's just go ahead and center that title. So let's start by going over to our header partial and I'm just going to go ahead and add that text-align center there. So if I come back here and refresh I can see that the title was centered and the nav is supposedly centered but we've got some extra padding here, that's causing it to look a little ugly right now. And let's go ahead and fix that now. So similar to what we looked at with our layout for our features, content, and our sidebar, we're going to use breakpoints to adjust our navigation. So let's go ahead and let's double check our index.html to see what kind of markup we need to target, and we're going to work with this nav with a class of…

Contents