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
Micole Noddle
5,797 PointsCan I use the normalize.css and responsive.css files for future projects?
Are these files designed for us to use for future projects or do we need to find alternate ones (such as Eric Meyer's Reset or html5doctor)?
Also, if we were to make a slight change to the normalize.css file (let's say colors), will it impact it's function?
Thanks!
Jesus Mendoza
23,288 PointsNormalize.css is open source, I don't know about responsive.css though
Micole Noddle
5,797 PointsLogan, I meant using those in addition to my own css file, like having a style.css along with the others. Is that what you're referring to in your answer? Also, is it OK to make a slight change to the responsive.css file if need be? It seems to be overriding my custom css file in one small area... Thanks for your help!
Logan Wu
10,792 PointsThe responsive.css file shouldn't be overriding to your custom .css file if you but it in front of your custom .css file because of the cascading property of .css files.
Micole Noddle
5,797 PointsLogan, in the course, Nick has us add normalize and responsive above our main css, so I gather that's why my main is overridden by the responsive. Am I supposed to be listing my main above the responsive? Why does Nick do it the other way then?
Logan Wu
10,792 PointsHi Nicole, For your questions, you need to be listing your custom .css below all the default .css files so that you can overriding any settings in the normalize.css and responsive.css files. This is due to the cascading property of CSS/HTML. The location of where you put the code does matter because the succeeding codes can override preceding codes if the properties overlap. Let me know if you have more questions.
2 Answers
Peter Smith
12,347 PointsHi!
normalize.css is a common css file used across the industry, you can find it at it's source (here)[necolas.github.com/normalize.css/].
responsive.css is also a common css file that you might see on other websites. Unlike normalize, a responsive.css file is individualized for each particular website.
You can use normalize.css without configuration with any web project you like. However, you're more likely to build your own custom responsive.css for your own sites for your own needs and styles (though treehouse's responsive.css certainly starts you off in the right direction and on a good foundation)
Micole Noddle
5,797 PointsAwesome. Thanks for the help, Peter and Liam!
Liam Maclachlan
22,805 PointsHey man. Those are completely free source. Feel free to edit to your own specifications and re use all you like :)
Want extra padding in your table by default? BAM!! Done. Want the h1 tag to be Bright purple instead of black? BAM! Done.
You just made it happen and you were totally allowed to do it!
Another one that is worth playing around with is the grid.css
Happy coding, Bro :))
Logan Wu
10,792 PointsLogan Wu
10,792 PointsYes, you can use the normalize.css and responsive.css for future projects too.
You can also make slight changes to the normalize.css file as you want but I would suggest creating your custom .css file and keep the normalize.css file intact so that you won't forget about where to go to make changes for the future.