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
Rajdeep Gahir674 Points
Newbie - Trying to get my CSS to show on Smells like Bakin'
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.
Tiffany Harrison11,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 Sobieski6,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 Gahir674 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!