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
With the BEM methodology, we're able to define a meaningful naming convention that will help make our CSS more modular, portable and easier to understand by other designers and developers.
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
looking like it's been through the hands
of a dozen developers.
0:00
So it's good to have a form of discipline
in how we write our code.
0:02
Especially when working on teams.
0:05
With the BEM methodology, we're able to
define a meaningful naming
0:08
convention that will help make our CSS
more modular, portable.
0:11
And easier to understand by other
designers and developers.
0:15
BEM stands for Block Element Modifier.
0:18
It uses class names to convey information
about blocks, elements and
0:21
modifiers in our code.
0:26
To understand how it works, let's break
down the BEM naming pattern.
0:27
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