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

CSS

Posted by Yaxin Yuan
Yaxin Yuan
11,191 Points

Website can't be displayed properly on my Iphone.

This is my code: http://jsfiddle.net/den330/pgH2b/6/

The address to my website: jackyuan.org

Navigation bar disappears when displayed on Iphone.

seanrobinson
seanrobinson
4,945 Points

It won't disappear for me, but I did notice your media queries' curly braces aren't closed. I also took the liberty to tweak the nav behavior at the media queries: http://jsfiddle.net/pgH2b/4/

2 Answers

Isaac Asante
Isaac Asante
4,752 Points
Isaac Asante
Isaac Asante
4,752 Points

Yaxin, I'm debugging your code and I can see that the list closing tag is missing from this piece in your navigation: <li><a href="item.html"> Items For Sale </a> <li>

Check if it works after this... You should debug all your HTML and CSS files.

Your footer is also missing a quotation mark for the reference value and is wrongly having a space between the href attribute and the equal symbol: <p>Presented by <a href =https://www.youtube.com/watch?v=RzseOqwn8oo">Christina Grimmie</a></p>

Isaac Asante
Isaac Asante
4,752 Points
Isaac Asante
Isaac Asante
4,752 Points

Sean is right, your media queries are open, they're not closed. You need closing curly braces for these...

@media screen and (min-width: 500px) @media screen and (min-width: 660px)

So specifically, you need one more closing brace AFTER this CSS rule:

``` #aboutimg { width: 80%; }

And a closing brace AFTER this CSS Rule:

``` nav {
        background: none;
        float: right;
        font-size: 1.75em;
        margin-right: 5%;
        text-align: right;
        width: 45%;
}
seanrobinson
seanrobinson
4,945 Points

I see you tried to put the language name after the first set of backticks for syntax highlighting. It doesn't work as expected when I try it either. OP should just note that the opening "css" isn't part of the code.

Yaxin Yuan
Yaxin Yuan
11,191 Points

Just added all the braces, but still.....