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!

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

General Discussion

Posted by Geneva D
Geneva D
432 Points

CSS Resets task : download what? where?

I can not get this task correct because I do not understand what I have to download or how.

I clicked the download -- then what? Because it does not work just having it in a download folder.

Help ><

4 Answers

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

In this task you need to download & link to normalize.css. A CSS stylesheet must be applied to your HTML by using the <link> tag, this tag will tell your browser to apply this external stylesheet.

How to add normalize.css:

  1. Go to normalize.css file from github
  2. Click the big green download button
  3. Save the file to your desktop
  4. Move the normalize.css file to the folder
  5. Create a link element that references css/normalize.css

This works the same way as the <a> element, by using the href attribute. This assumes of course that all of your css files are in a folder named css

If you need a little more help, check out the link tag page on HTML Dog

If you are still having trouble post your link tag code here, and we will see if we can get you going. Remember to indent each line of code you post to the forum by 4 spaces, so it will show up correctly on the forum.

Geneva D
Geneva D
432 Points
Geneva D
Geneva D
432 Points

Thank your for your reply. I have now saved a copy of that download to a CSS file on my desktop. However, it is not working. Here is my code.

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <tittle>Smells Like Bakin' Cupcake Company</tittle> <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen"> </head> <body> <img src="img/logo.gif" alt="Smells Like Bakin"> <ul class="nav"> <li><a href="#">About</a></li> <li><a href="#">Cupcakes & Prices</a></li> <li><a href="#">Locatoins</a></li> <li class="last"><a href="#">Contact Us</a></li> </ul> <div id="intro"> <h1>Opposites really do attract, especially in our kitchen! We combine unexpected flavors that melt together to creat ironicall delicious desserts.</h1> <p><a href="#" class="btn">Browse Our Cupcakes</a></p> </div>

<img src="img/you-bake-me-blush.gif" alt="You Bake Me Blush">

<div id="featured-cupcake"> <h2>Cupcake of the Week</h2> <p>This week's featured cupcake is the <a href="#">Avacado Chocolate cupcake</a>. Its strange combo of flavors will kick your tase buds into fiesta mode !</p> <img src="img/featured-cupcake.jpg" alt="Avocado Chocolate Cupcake"> </div>

<div id="new-cupcakes"> <h2>Fresh Out the Oven</h2> <p>Our newest cupcakes are <a href="#">Bacon Me Crazy</a> and <a href="#">Jalapeno So Spicy</a>. </p> <img src="img/new-cupcake-bacon.jpg" alt="Bacon Me Crazy"> <img src="img/new-cupcake-bacon.jpg" alt="Jalapeno So Spicy"> </div>

<h2>Inside the Kitchen</h2> <p>Smells Like Bakin' started in the garage of the husband/wife duo, Allison & Joseph. Allison is the baker, and Joseph found a way for them to make a business out of her tasty treats. Flash forward to today, and they have a successful storefront, catering business, and cupcake truck. </p> <p><a href="#" class="btn-small">Read More,/a></p>

<h2>Get Bakin' with Us</h2>

<div id="contact"> <p>Call us: <span>1-555-CUP-CAKE</span><br> Email us: <a Href="#">bakeon@smells like bakin.com</a></p> </div>

<p>We announce all of our new flavors first through Facebook & Twitter, and even take requests!</p> <a href="http://www.facebook.com/SmellsLikeBakin"><img src="img/facebook.gif" alt="Facebook"></a> <a href="http://www.Twitter.com/#!/SmellsLikeBakin"><img src="img/Twitter.gif" alt="Twitter"></a>

<div id="copyright"> <p>© 2012 Smells Like Bakin' Cupcake Company. All Rights Reserved.</p> </div>

</body> </html>

Geneva D
Geneva D
432 Points
Geneva D
Geneva D
432 Points

oh don't know how to post it.

Shelby Archibald
Shelby Archibald
1,074 Points
Shelby Archibald
Shelby Archibald
1,074 Points

SUP I have know idea how to get an external href link to complete the challenge i have gone back to the movie so many times, i need help!