Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS How to Make a Website Debugging HTML and CSS Problems How to Fix Problems with Code

Majid Mokhtari
Majid Mokhtari
10,506 Points

responsive.css

my responsive.css file has no error and its included along with other files, but when I open my website on my iphone 5 still does not adjust the screen, anybody knows whats going on?

Tom Bedford
Tom Bedford
15,645 Points

Hi Majid, people won't be able to help you unless you post your code. CodePen is usually the easiest method for sharing your HTML and CSS to demonstrate a problem.

2 Answers

Agreed! We need more detail (the more the better) in order to accurately assist.

However, (with the sparse detail you supplied) the issue could be either that the media queries in responsive.css file are not set up for the correct iPhone viewport sizing or your responsive.css is not being referenced correctly in your code.

Majid Mokhtari
Majid Mokhtari
10,506 Points

here is the code:

@media screen and (min-width: 480px) {

#gallery li { width:28.3333%; }

#gallery li:nth-child(4n) { clear: left; } }