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
Nicole Pelchat
590 PointsWhy isn't my web page mobile responsive?
So I'm working through the Web Design track, and pretty much copied Nick Pettit's code line for line as we went through, just so that I would understand what we were doing and I would know that what I was doing was correct because it would look like his on the screen. My code did what it was supposed to do in workspaces, and I've transferred it over to my live site and while it looks fine on the desktop, the gallery is still showing as 3 columns on my iPhone.
My site is nicolepelchat.com and my workspace is https://w.trhou.se/urflxp3jgs
Alternately, is there a place where we can go in and view Nick's code for that site? So I can go line by line and figure out where I lost the plot?
2 Answers
Arturo Alviar
15,739 PointsHi Nicole,
I took a look at your code and it seems you are missing the meta viewport tag. This tag changes the viewport of the page to fit the device's viewport.
Here is how it looks
<meta name="viewport" content="width=device-width, initial-scale=1">
Add this to the head section and it should work.
You can read more about it at css-tricks
Hope this helps!
jason chan
31,009 PointsHey Nicole,
I'm using google chrome browser. Your website is responsive. Have you tried refreshing a few times or clearing your browser history?
You can also try different browser.
Nicole Pelchat
590 PointsYeah, I've refreshed it about 300 times. It's responsive when I'm in a desktop browser and I'm dragging the window larger or smaller, but it's not responsive at all in Safari. I also have the firefox app on my iPhone and it's not responsive on that either.