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
Shain Jones
487 Pointswhy doesn't my project look like the tutorial?
Below is all of my code for the project for the beginning stages of "how to build a website." When I added the <link section to add the CSS files, my preview did not change like the tutorials did and even when I added style to the footer as the instructions do, the colors did not change. Im asking for a ton of help and I know it gets old but I greatly appreciate any input. Thanks!
<!doctype html> <html> <head> <meta charset="utf-8"> <title> Shain Jones | Designer</title> <link rel="stylesheet" href="CSS/normalize.css"> <link rel="stylesheet" href="CSS/main.css"> </head> <body> <header> <a href="index.html"> <h1>Shain Jones</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html"> Portfolio</a></li> <li><a href="about.html">about</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing in Photoshop</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Experimentation with color and texture</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Drips</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Experimentation with color and texture</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com/shainjones16"> <img src="img/twitter-wrap.png" alt="twitter logo"></a> <a href="http://facebook.com/shainjonesrealtor"> <img src="img/facebook-wrap.png" alt="facebook logo"></a> <p>Ā© 2015 Shain Jones</p> </footer>
</body> </html>
2 Answers
Alexander Davison
65,469 PointsWrap the "head" element around the title and link elements, and wrap the rest in the "body" element. Hope it helps and Happy Coding!
Rifqi Fahmi
23,164 Pointstype the <!DOCTYPE html> ( note : type doctype with uppercase ). you forget to use "head" and "body" tag. Download the project in the download section of video and you will see the difference