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 trialJason Bean
3,490 PointsContent 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!
3 Answers
jeff creamer
23,733 PointsHey 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
9,767 PointsYou remembered the second closing curly brace?
Jason Bean
3,490 PointsThanks Matt & Jeff! Those were the two issues.
Adam Sackfield
Courses Plus Student 19,663 PointsAdam Sackfield
Courses Plus Student 19,663 PointsIf you could choose a best answer and up vote any useful ones to close this question off.
Thanks Adam