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 CSS: Cascading Style Sheets Take a Mobile-First Approach

Index.html doesn't connect with main.css or normalize.css. I followed all steps, but making changes in styling doesn't.

https://w.trhou.se/ljby3bsqpu Thanks for helping.. I am really first time building it!

8 Answers

Vu Nguyen Thai
Vu Nguyen Thai
5,697 Points

your snapshot doesnt exist. can you show the code ?

How I can link my snapshot here (sry, It's my first day today)

<!DOCTYPE> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/normalize.css"/> <link rel="stylesheet" href="css/main.css"/> <title>HTML course</title> </head> <body> <header> <a href="Index.html"> <h1>Kristi Tam</h1> <h2>Front-end developer</h2> </a> <nav> <ul> <li><a href="Index.html">Portofolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <section> <h1>Gallery</h1> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt""/> <p> Experiment with colors and texture</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt""/> <p> Playin elements</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt""/> <p> Trying to find some aps</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-04.jpg" alt""/> <p> Experiment with colors and texture</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt""/> <p> creating shapes</p> </a> </li> </ul> <h2>About</h2> <p>Minu kirjeldus</p> <h3>Contact</h3> <p>kontakti info ja muu</p> </section> <footer> <a href="https://twitter.com/kristitamm"><img src=""img/twitter-wrap.png" alt=Twitter logo"/></a> <a href="https://facebook.com/kristitamm"><img src=""img/facebook-wrap.png" alt=Facebook logo"></a> <p>©2015 Kristi Tam.</p> </footer> </body> </html>

hh, crap How I cna do it?

Vu Nguyen Thai
Vu Nguyen Thai
5,697 Points

Your html is already linked to your css. I tested and it work just fine .

Then I don't understand. I try to change CSS style and nothing shows in browser:(

Vu Nguyen Thai
Vu Nguyen Thai
5,697 Points

do you use teamviewer ?, i can try to take a look over your computer.

It looks like they are linked, though I would remove the forward slash after your quotations in the links to be safe. Also, make sure to to add the div with the ID selector "wrapper" in your HTML as shown in the video, "Use ID Selectors".

Durgaprasad Nagarkatte
Durgaprasad Nagarkatte
1,861 Points

You have created a directory named CSS and used it as css in your html file. As all the programs written here are Case sensitive, please do the change in html file as: "link rel = stylesheet href = "CSS/main.css"

Do the following changes and it will work fine.

Regards, Durgaprasad