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
mrx3
8,742 PointsI have a question about a responsive navigation I made. (Codepen included).
I made a responsive navigation using media queries. The CSS starts on line 121 of my code pen. I have the nav ul to 75% so the nav stretches until 768 pixels. Is this acceptable to set a width to 75%? I'm kind of new to this media query idea. I got the idea from Guil's column layout using inline-block, rather than using floats. I didn't want to use all the table code Guil used, so I decided to hack my CSS a bit. It does work and extends all the way. Also I noticed in Guils inline-block tutorial, and doing my own column layout, the site does not function in I.E. but, both sites work in Firefox and Chrome. Give the site a try in I.E., and minimize the browser view port and you'll see what I mean. The columns won't respond, the navigation is all out of whack. I had the same-thing happens with Guils layout as well in IE. Does anyone know why this keeps happening in IE.
Anyway let me know what you think of the site. And thanks for any feedback to my questions.
Codepen( http://codepen.io/mike316/pen/yywoZp ).
mrx3
8,742 PointsHello 64. Thank you for taking the time to show me the browser stack version of my site. It's really weird that both Guil's site any mine break down like they do in ie. I understand that as you go down from version to version the site will degrade. Is the CSS I used for the mobile version okay? I'm just curious, because I've never have done something like that. Thank you again for your help.
1 Answer
Codin - Codesmite
8,600 PointsWhat version of internet explorer are you testing with? Seems to be behaving correctly in Internet Explorer 9 (Windows 8). Version 8 and below do not fully support media queries.
Compatible Browser Versions: http://caniuse.com/#feat=css-mediaqueries
mrx3
8,742 PointsI'm using IE Version 11. I also have this problem with layout course using floats. I don't understand what the problem is, maybe it's my computer :D.
hum4n01d
25,493 Pointshum4n01d
25,493 PointsThis might be helpful. I don’t see any problems until you use Windows XP. But, I can’t see the mobile versions through those screenshots…