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 CSS Layout Techniques Display Modes Which CSS Reset Method Should I Use?

what are the advantages of using normalize.css?

is it useful for smaller projects or big projects?

2 Answers

Ken Alger
STAFF
Ken Alger
Treehouse Teacher

Akhil;

Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It can be used on sites of any size. And helps to "normalize" things to have an equal starting point in all browsers.

Happy coding,

Ken

what does cross-browser consistency mean?

Ken Alger
STAFF
Ken Alger
Treehouse Teacher

Different browsers have their own "initial" way of interpreting HTML. From it's website:

Normalize makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

In a nutshell it helps to make your site look the same in Chrome as it does in Firefox, Safari etc.

Ken

Hey Ken,

Thanks for the link, I've been using my own silly version of normalize concepts, but I just melted it together with the one you posted, its now perfect haha. By the way, Ken's site might be the best example I've seen where gradients and flat design mix together. So here's my 2nd thank you for providing some design inspiration as well : )

Maybe you can brighten up my day even more, take a look if you get a chance: https://teamtreehouse.com/forum/opinion-best-way-to-setup-immovable-video-with-an-image-behind-it-but-keep-it-responsive