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.
Implementing Media Queries tasks
Just wondering if anyone else was having difficulties with these tasks. Seems like the Instructor just brushed over these topics, copying and pasting the code but didn't really go into any detail on it. I don't feel like I really learned anything about media queries except how to copy and paste. I passed the tasks only by searching these forums to find the answer.
Colin Marshall32,861 Points
The code that is copy pasted in the video doesn't have much to do with learning media queries. It's just the css changes that are to be made when it's screen width is 480px or less. With the copy pasted code, she basically just does 2 things. First, she makes it so that no matter how many columns wide a div is, it will always take up 100% of the screen width. Then, she pastes some code that rearranges the navigation to better suit that screen width.
The focus of that lesson is more about understanding what a media query is, the media query syntax, and how to target specific devices or screen sizes with the media query, and not so much about the CSS inside of the media query. If you've made it this far, by now you should be able to look at the code she pasted and understand what it does. If you can't understand it, maybe you should go back and review some of the CSS Foundations.
You are absolutely right Collin. Maybe they should have a learning adventure for people like me who don't know how to complete a learning adventure. Thanks for the input.
There are 3 pages of posts related to difficulties with this task. Glad I'm not the only one. You guys had me thinking that I am going crazy or something. I am going to finish the CSS deep dive, then try the media queries again.
If you review the CSS Foundations Media Queries section, Instructor Guil does a great job teaching what media queries does.
I think the responsive website project was more of a way for us to take what Guil taught us and implementing it on our own. Yes, she does move fast in the video, but if you review the media queries course and then move on to the responsive design project it wont be as difficult since you would have a way better understanding.
Hope it helps!