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 Responsive Web Design and Testing Build a Three Column Layout

How to Build a Website Contact Page Trouble

I've made sure my code is exactly the same as Nick's code appears. My Contact Details, secondary column remains roughly in the middle of the page no matter what size the browser window is, and will not snap to the right side.

Dustin Leer
Dustin Leer
21,063 Points

Please add a screenshot and upload your code.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Lanai Lewis | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href="http://fonts.googleapis.com/css?family=Raleway:400,300" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Lanai Lewis</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html" class="selected">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <ul id="gallery"> <li> <a href="img/flower.jpg"> <img src="img/flower.jpg" alt=""> <p>Pretty leaves.</p> </a> </li> <li> <a href="img/flower.jpg"> <img src="img/flower.jpg" alt=""> <p>A pretty flower.</p> </a> </li> <li> <a href="img/flower.jpg"> <img src="img/flower.jpg" alt=""> <p>A nice sky.</p> </a> </li> <li> <a href="img/lotus.jpg"> <img src="img/lotus.jpg" alt=""> <p>A lovely lotus.</p> </a> </li> <li> <a href="img/lotus.jpg"> <img src="img/lotus.jpg" alt=""> <p>A thought provoking spiral.</p> </a> </li> <li> <a href="img/lotus.jpg"> <img src="img/lotus.jpg" alt=""> <p>A thought provoking spiral.</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com/pssht"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <a href="http://facebook.com/lanailewis"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a> <p>Β© 2015 Lanai Lewis.</p> </footer> </div> </body> </html>

Dustin Leer
Dustin Leer
21,063 Points

Hey Lanai, that's for the index page/home page. I can't help you if you don't post the right section. If you could please upload the html and the css for your current contact page.

Cheers,

Dustin

3 Answers

Camilla Holst
Camilla Holst
8,876 Points

Have you tried copying your code and refreshing your browser? Sometimes that helps :)

What do you mean by copying the code?

Camilla Holst
Camilla Holst
8,876 Points

Just so that you donΒ΄t lose it in the process :)

Thanks for your response, Dustin! I think I've figured it out. Of course it was the code.