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 give our columns a few base styles for float layout, margins, and padding.
Quick Reference
Related Videos
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
Now, one of the ways we can do this is by
creating a placeholder for
0:00
our base styles.
0:02
So, as an example, I'll past this col
placeholder at the top of our file.
0:03
And then we can extend the placeholder
from this dynamic grid column rule.
0:10
So right beneath the width property we'll
say extend col.
0:15
So let's take a look at our output CSS.
0:21
So as we can see, this is a pretty good
solution even though
0:25
it's grouping all the column selectors
into one rule.
0:29
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