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

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.

4 Answers

Colin Marshall
Colin Marshall
32,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.

The issue I had was that after she copied and pasted the code, we weren't given the opportunity to look at it because she quickly moved on. I did download the code and was able to get a closer look at it but I can do that on Google for free. Seems at almost $50 a month there should be a little more time spent with explanations. This is a lot to learn for people who have never coded, and a 2 minute video sometimes doesn't cut it.

Colin Marshall
Colin Marshall
32,861 Points

Well maybe if you completed the CSS Foundations Deep Dive (and I can tell by looking at your profile that you haven't) you would have a stronger grasp on media queries. There is a lot to learn for somebody who has never coded before but if you go straight into a project without completing the prerequisites (CSS Foundations Deep Dive for example) as they are laid out in the learning adventures of course you are going to be lost.

For spending $50 a month I would have thought you would know how to follow a learning adventure.

Michael O'Malley
Michael O'Malley
4,293 Points

I believe the purpose of the video wasn't to cover the CSS changes in detail, but to explain Implementing Media Queries.

If you get lost in the CSS, as Colin stated, I would do the CSS Foundations Deep Dive.

There is also http://teamtreehouse.com/library/media-queries for Gold Members.

Colin Marshall
Colin Marshall
32,861 Points

Thanks Michael! I need to look at the bonus content more often!

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.

Colin Marshall
Colin Marshall
32,861 Points

No problem! I figured it out the hard way myself too.

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.

Hey Jason,

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!