Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS Sass Basics Add Reusable Logic to Your Sass Add Conditional Logic to Your Stylesheets

【Solved】Conditionals aren't working...?(@_@;)

【What was wrong?】

This part:

@include mq('sm') { flex: 1 per-line(2); }
@include mq('lg') { flex-basis: per-line(3); }

was not nested to .card

It should've been like this ↓

.card { @include flexy($dir: column); padding: 1.5em 1em; border: 1px solid $color-shade; border-radius: 0.25em; margin: $gutter; h1 { color: $color-primary; margin: 0.35em 0 0; line-height: 1.25; } @include mq('sm') { flex: 1 per-line(2); }
@include mq('lg') { flex-basis: per-line(3); } }


Sass Basics/Add Conditional Logic to Your Stylesheets/with Guil Hernandez

Unfortunately my media queries are not working. This is what I did...


I'm sorry if I'm missing very important concepts or ideas in order to understand this course. I tried to find mistakes however I couldn't figure out what I'm doing incorrectly.

Would you please take a look and kindly give me a hint to find my mistakes and help me to move on to a next stage peacefully?

Tank you very much.