Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
James Barrett
13,253 PointsWhy is the .inline class more efficient?
Hi there,
Just struggling to understand why the inline class is created for the responsive buttons... Why didn't Guil just reuse the .btn class and set the display value to inline-block when the viewport is at 769px or greater?
Thanks, James.
2 Answers
Jonathan Grieve
Treehouse Moderator 91,252 PointsI think just to make sure that classes are not reused and to make it as DRY as possible which is after all what the video is about. With an extra class and assigning the class to the media query that makes sure that single style rule is used only for the media query rather than reusing a selector and changing it's style.
darryn
17,367 PointsThere's also a login button that he doesn't want to target with the media query :0)
James Barrett
13,253 PointsJames Barrett
13,253 PointsThanks dude. So the aim really is to ensure that CSS classes are being reused in the HTML but not in the stylesheet?
Jonathan Grieve
Treehouse Moderator 91,252 PointsJonathan Grieve
Treehouse Moderator 91,252 PointsYes you can use multiple classes in your html to change styles. The aim being to make sure your keep code organised so you don't have to change values in multiple locations. Sass is brilliant for this but you'll learn more about this later in your CSS development if you haven't already :)