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

normalize.css

hi,

how do i know if normalize.css is working once i link it to my html?

16 Answers

Sounds like you've either got a syntax error with linking to the normalize.css file, or it's in the wrong directory. Please post how you are linking to it.

Deleted User

Have a before-version of your page in one tab and the updated version with your normalize.css in another.

i did but its just the same. I made everything as the video and I'm not getting the same result, unfortunately.

If you're trying to make sure that you're correctly linking to normalize.css, try adding this to the bottom of your normalize.css file

* {border: 1px dotted red;}

Then save and refresh your page; if you are linked correctly, you should see a small red border show up around page elements, if not, then there is an issue with how you have linked to the files.

i tried it but its not showing the red boarder.

its working :). I moved the normalize.css and it works now!

-thanks.

Super, good luck with the next stage =)

I had a bit of trouble with it as well. When i kept downloading it and i kept refreshing it and deleting the code and and re adding and refreshing. I was expecting it to be an actual file like most others but it wasn't. Finally got it working though. I'm working with the grids now.

im now having trouble with the grid :/...... somehow both "Inside the kitchen" and "Bakin' with us" are all the way to the right and one on top of the other.

@Daniel - Post your code using codepen.io so we can see the bigger picture.

If you're still stuck, you should try comparing your code with what is in the downloadable project files. Might be a silly error you've made, but if you can't figure it out, post your code here and what video you're working on.

I re wrote the entire code(even though it was the same) following the project file and now I'm good to go :). i guess i made a little mistake and i didn't catch it.

@james- I need to learn how to use codepen.io for further help throughout this journey.

@Daniel - Here ya go, a Step-by-Step guide to using codepen.io

@james-Thanx.

Btw, im always having problems linking images to the "img" folder. I know I'm doing it right because it i even use the files provided. Now i cant get the background texture on appear.

body { font-family: 'Nunito', sans-serif; color: #FAF3BC; background: #420600 url('img/bg-texture.jpg') repeat; }

the code above is how i have it and the "bg-texture.jpg"is in the "img" folder.

If you are using the provided project files, there are actually two image folders at this point (one at the root project folder, and one inside the CSS folder). So make sure you have the image in the right folder.

thank you! i don't what i would do without you guys. Seriously, i would be lost without the help.