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

HTML jQuery Basics (2014) Creating a Mobile Drop Down Menu Perform: Part 3

Guillermo Gomez
Guillermo Gomez
7,413 Points
Posted by Guillermo Gomez
Guillermo Gomez
7,413 Points

Screens with 568px width

When you set the CSS for the screen width as told, you get neither the selector or the anchors, i've followed the next approach if anyone is interested : )

@media (min-width: 320px) and (max-width: 568px){
  #menu ul{
    display: none;
  }
}

@media (min-width: 569px){
  #menu select{
    display: none;
  }
}
Sreng Hong
Sreng Hong
15,083 Points
Sreng Hong
Sreng Hong
15,083 Points

What is your question?

Guillermo Gomez
Guillermo Gomez
7,413 Points
Guillermo Gomez
Guillermo Gomez
7,413 Points

Actually there is none, I'm not used to the way treehouse forums works -kinda similar to StackOverflow I see-, I'm used to forums like the Udacity one, where you are not asking a question for anybody to answer -you can indeed- but you just comment and talk about the situations you go through when doing the courses, other students comment theirs and everybody enrich their knowledge in the subject, like I have enrich my knowledge in CSS with the comment of Thomas Anthony. I hope this forum entry doesn't disrup the normal flow of the forum, if that's the case I'd be pleased if you delete it. : )

1 Answer

Mike Kohl
PLUS
Mike Kohl
Courses Plus Student 6,793 Points
Mike Kohl
Mike Kohl
Courses Plus Student 6,793 Points

Not sure what the question really is but it looks like the code is wrong, @media should be

@media screen and ( ....... )

Thomas Anthony
seal-mask
.a{fill-rule:evenodd;}techdegree
Thomas Anthony
iOS Development Techdegree Student 22,352 Points
Thomas Anthony
.a{fill-rule:evenodd;}techdegree
Thomas Anthony
iOS Development Techdegree Student 22,352 Points

The screen keyword defines a specific media type; that is, devices with screens (as oppose to hard media, such as print). The screen keyword is not necessary for the rule to take effect. It merely provides specificity in terms of device types.