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

HTML

Posted by Steve Muthig
Steve Muthig
4,225 Points

challenge question: Content Defined Breakpoints

Having trouble with the coding for the following challenge

Write a media query at 705px where the layout begins to break, that forces grid_1 through grid_6 to span 100% width of the container.

Here is the code I wrote at the bottom of the CSS file

@media screen and (max-width 705 px){ 
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
width: 100%;
}
}

and when I check the work I get the message

Bummer! Did you set the width for grid_1 through grid_6 to 100%?

2 Answers

Kevin Korte
Kevin Korte
28,148 Points
Kevin Korte
Kevin Korte
28,148 Points

Instead of giving you the answer, I'll give you a hint. It's a syntax error in your media query statement. You forgot one small thing.

Need more of a hint?

Here is the proper syntax, see if you can spot your problem. https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

Steve Muthig
Steve Muthig
4,225 Points
Steve Muthig
Steve Muthig
4,225 Points

Kevin

Thanks found it!

Kevin Korte
Kevin Korte
28,148 Points
Kevin Korte
Kevin Korte
28,148 Points

Good deal! No problem