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

CSS

Content Defined Breakpoints

I'm stuck on this question:

"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."

I've added this code to the styles.css page:

@media screen and (max-width : 705px) {

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, { width:100%; }

My guess is that Im forgetting something simple or completely off, but I cant seem to figure it out. Any advice would be great. thanks!

If you could choose a best answer and up vote any useful ones to close this question off.

Thanks Adam

3 Answers

jeff creamer
jeff creamer
23,733 Points

Hey Jason, did you close your curly brackets that open the media query, right after (max-width: 705px) ? It might have gotten cut off when you pasted it in your answer here. I find that the practice of always adding the opening and closing curly brackets together when I'm coding helps me not to forget adding a closing one later. Other than that, there is no need for a comma after grid_6 since you're not adding any more selectors.

Hope that helps.

Matt Campbell
Matt Campbell
9,767 Points

You remembered the second closing curly brace?

Thanks Matt & Jeff! Those were the two issues.