Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Modular CSS with Sass!
You have completed Modular CSS with Sass!
Preview
Let's quickly go over one of the many ways we can rebuild the main navigation using a mobile-first approach.
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
Well, I'm going to quickly go over how I
implemented the nav
0:00
using a mobile first approach.
0:01
So, first, I didn't change anything about
the markup.
0:03
I left that part alone, as we should.
0:07
But I did change a few things in the
placeholder rules.
0:10
So what I did was I renamed the nav item
0:13
display placeholder selector to nav-item
horizontal.
0:16
Which, as we can see, contains a medium
breakpoint media query.
0:21
That displays the nav items horizontally
and applies left and right margins.
0:25
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up