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

viewports for 480px I want some div containing img not be displayed

I don't understand why even with my viewport meta tag in html and with media screen in css doc it doesn't work ! I try for hours and I am hopeless

div name is bulle : I wrote in style.css

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

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    width:100%;
}

#bulle {
    display: none;
}
}

and the img display !!!

6 Answers

Sabine Barzisa - In the code you posted here, you forgot the closing curly brace to your media query. You opened 3 curly braces but only close 2.

it is present at the end of my code ! I just didn't copy the full code ! should I ?

Got it it was a curly brace missing. Thank very much, you are so helpful.

Are you sure you have your screen size at 480px because the querie works on my screen.

yes I rezise the sceen and make in to a minimum ! until a very small screen !

did you put a period before your class name?

a hashtag because it is a div I want to dissapear while reducing the screen size to 480px

So the id id for your div is bulle, right?

So the ID for your div is bulle, right?

Does img belong some where in your div bulle?

Looks like you're missing a brace to close the code block off...

The brace to close is present in my code