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 How to Make a Website Debugging HTML and CSS Problems How to Fix Problems with Code

Tarry Quint
Tarry Quint
1,883 Points

Launching How to Make a Website

Hello, just launched my portfolio website we created in your new course. Everything went ok, until I view it on my iPhone 5. It still had 3 columns of photos and the logo and navigation we in desktop mode. But when I take my browser and move it to a smaller screen the website is responsive and moves to two columns, etc.

Would appreciate any support!

Tarry

2 Answers

Markie Idea
Markie Idea
9,113 Points

Hi Tarry! I had a lot of fun doing this project and came across the same situation. I referred back to CSS Foundations under Media Queries. Add this code below in your html files:

<meta name="viewport" content="width=device-width">

Make sure you add it on the next line under meta charset="utf-8"

Here's the link to the video for the explanation: http://teamtreehouse.com/library/css-foundations/media-queries/devicespecific-media-queries-part-1

I hope that helped!

Tarry Quint
Tarry Quint
1,883 Points

Your the best Markie! Thanks man. Question though, do i have to up delete and upload new files to the ftp server every time I want to make changes to my markup?

Tarry

Markie Idea
Markie Idea
9,113 Points

If youre using Cyber Duck, click on the file and on the toolbar, there should be an "Edit" button. I believe by default, it will use TextEdit as the program to use(I'm using a Macbook Pro). I changed mine to Sublime Text Editor. Anyways, everytime you save the file, it will automatically update it on your site! Let me know if that works.

Thanks.

Tarry Quint
Tarry Quint
1,883 Points

Thanks Markie! It works. I switched my Cyberduck editor to Sublime Text Editor. Question, I tried to add a picture in my gallery and it's much larger then the others. I cropped the photo exactly the same as the others, not sure why it wouldn't be the same. You can view my page here http://www.tquint.com.

Appreciate the help!

Tarry