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
Chris Mursheno
Courses Plus Student 3,017 PointsStill exper'cg issues with hiding pix in media queries
I've spent about 5 days trying to figure out what the answer to this question is. I've Googled it, I've even seen answers to other students' questions, written them down ver batim and implemented them AND IT STILL Isn't working!!
Below is what I implemented in the last attempt. I cannot for the life of me, figure out what this question needs in order to get past it.
Under the grid, {100%;} etc I have:
.grid_2 img {
display: none;
}
I'd seen where this has worked, but it won't accept it when I type it in.
6 Answers
Lauren Clark
33,155 PointsPsst. It's an object! So maybe you should swap out something in that CSS block.
Chris Mursheno
Courses Plus Student 3,017 PointsThe hint is duly noted. Within the block, rests the item to be swapped out. Well I've tried typing the full name of the image knowing that, that is incorrect, I've experimented with the various "grid_" whatever #s, that didn't work either. I've implemented different blocks of HTML.
What is most frustrating about this question in particular is that in every single solitary lesson I've never waivered, gotten sloppy, tired or stopped taking diligent notes, BUT I never recall being shown how to hide a pic within a media query. I've had some difficulties in the past but this seems impossible to answer correctly!
```<div class="grid_2 omega">
<object data="img/love-at-first-bite.svg" type="image/svg+xml "class="chart">
<a href="img/love-at-first-bite.svg">```
Lauren Clark
33,155 PointsIn your html you should close your object element with
</object>
As this is an object, not an image, you should replace "img" with "object" to make it work.
.grid_2 object {
display: none;
}
However in a real life scenario you would probably want to give that object it's own ID, otherwise all your other objects on that grid class will disappear! However, this isn't something they're looking for you to do in this instance, so just go with the code above.
Chris Mursheno
Courses Plus Student 3,017 PointsWell, I can't thank you enough for that. It finally worked after all of that.
I just wanted to let this be known that although it seems like I'm complaining, I'm actually loving this method of study. The teachers are excellent, I've met up with some skilled professionals in the forums and the price is AWESOME!! I've even Tweeted Ryan- the founder. Seems like a great guy.
That being said, I have a Masters Degree in Computer Graphic Animation-yes they do have those in Universities. You may be an expert at this yourself or you may know nothing about it. If you don't know the first thing about it, this last question on which I've been slaving away is like my asking you to create a lion in motion with free flowing fur, but not providing you with any information as to how to accomplish that. (NOT an easy task by any stretch).This is not directed at you by any means nor is it a slam on the staff, they're excellent. What I'm trying to say is, if I've missed something, mistyped or didn't grasp a concept, that's completely my fault- my bad. But if I was never shown, how would anyone expect a person to know?
Lauren Clark
33,155 PointsGlad I could help. Its an element selector, which are explained - we all miss stuff though, that's what the forum is for!
Lauren Clark
33,155 PointsGlad I could help. Its an element selector, which are explained - we all miss stuff though, that's what the forum is for!