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
Instead of writing out a full media query, we can now include the handy mixin we created in the previous video.
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
So, let's start by replacing the media
query containing our column loop,
0:00
here in our gridcolumns.scss file.
0:04
So instead of the full media query
directive,
0:07
we can replace it with the mq one so we'll
say include mq.
0:11
And we'll pass the medium media query
break point.
0:16
And we'll do the same in our column
styles.
0:20
So, I will just go ahead and
0:23
copy the one we just wrote and scroll down
to our column rules.
0:24
And we'll replace the first one with the
mixin, and
0:28
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