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
Kevin Enloe12,438 Points
Media Query not working
I have a site I am building using the mobile first train of thought. I have finished all of the mobile CSS and have added some desktop CSS in a media query that is set to break at 985px. This is one of my problems; I originally had it set to break at 800px and when I tested it on my phone (IPhone 5S) the site was pulling up with the desktop version. I found the break point for it to not show the desktop (980px) by just changing it until it loaded correctly. Now that I have the break point fixed it is bugging me that everything is so small just like if I was looking at a non-responsive site. I have used % for all widths until the desktop CSS is brought in (which is not when looking at it on mobile) and it seems like the phone is opening the site as if it has a resolution of 980px, but it shouldn't and it should be around 400ish. I have no idea what is happening and would love help with figuring this out.
The site in question is www.helpmetietheknot.com which is to invite/announce my half of my wedding party once I finish it.
Sebastian Mercado8,800 Points
Did you remember to put the meta tag for viewport in the head of all your pages?
<meta name="viewport" content="width=device-width, initial-scale=1.0">