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 Rajdeep Gahir
Rajdeep Gahir
674 Points

Newbie - Trying to get my CSS to show on Smells like Bakin'

Hey guys,

Just started with this, so please excuse the naivety! I've just got through the first 3 badges of 'building a website' (completed the structure) - however although I believe I've got all the HTML and CSS down - the CSS is not showing properly in my browser. When I right click and inspect elements on my browser all I can see is index.html and no grid.css or normalize.css - so I'm guessing they're just not linked correctly? I have a folder on my browser with the index.html file and downloaded project files(css &img) under the main folder 'smells like bakin' so not sure what I'm doing incorrectly.
Here is my code: http://codepen.io/ladygahir/pen/uwGal Any troubleshooting/ help would be much appreciated so I can be on my way.

Thanks!

3 Answers

Tiffany Harrison
Tiffany Harrison
11,424 Points
Tiffany Harrison
Tiffany Harrison
11,424 Points

Yep yep, it's not linked correctly. Do you have those CSS and image files stored somewhere online? Your HTML is looking for the CSS here: href="css/normalize.css" but Codepen is looking in the CSS folder and not finding it! If you drop all of your CSS into that middle CSS box it will work. As well as putting the entire location of your CSS and images. Like href="http://www.website.com/css/normalize.css" instead of href="css/normalize.css" .. Hope this helps!

Alexander Sobieski
Alexander Sobieski
6,555 Points
Alexander Sobieski
Alexander Sobieski
6,555 Points

are you doing the dev on code ben or just showing us via codepen?

If you're developing locally, it's looking for your css in a folder called CSS.

/htdocs
*|--index.html
*|--/Images
*|--/CSS
*****|--normalize.css
*****|--style.css
Rajdeep Gahir
Rajdeep Gahir
674 Points
Rajdeep Gahir
Rajdeep Gahir
674 Points

Hey Guys - thanks for the advice, however still a little stuck!

I am developing locally (on sublime text) (was just showing via codepen) and have my (folders) set up as follows on my desktop: (Treehouse) - (Website design) - (Smells Like Bakin)- (Index.html) (CSS) (img)

Is there something incorrect with this setup? As I have a folder called (CSS) under my (smells like bakin) folder, hence not sure why it's not being found!