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 Mobile-First CSS Layout Mobile-First CSS Layout CSS Reset with Normalize

Amanda Richardson
seal-mask
.a{fill-rule:evenodd;}techdegree
Amanda Richardson
Web Development Techdegree Student 13,776 Points

If the normalize file includes all the resets, why did Guil have to add an additional one for the lists?

This may be answered later but just after this one lecture, I can't help but wonder why Guil had to this step if the normalize file is supposed to normalize everything across browsers? If the list item was not normalized, why wasn't it included already?

Hi Amanda, I am glad to see your question, as Guil mentions in the video, every browser has something called the user agent, which is basically how they understand everything on the site, normalize.css overrides those original values so that the browser understand the same values as we enter them and the second stylesheet is entered so that you can apply your different styles to your html file, and it is done in that specific order, as the browser reads them in that order, it first checks for the user agent, then checks the normalize and overrides the user agent's css and clean the slates, then when you apply your stylesheet, you will see your styles in the same fashion across all browsers.

2 Answers

The reason he adds it is that he wants a custom reset for his list items. The normalize.css file has common resets, and most developers would not necessarily want the list items to be reset. Note that he did not need to include this in his normalize.css, but could just as easily have included it in his style.css. By putting it in the normalize.css, he is overriding the browser's defaults and still allowing him to customize via his style.css without specifying a class or id for lists.

Amanda Richardson
seal-mask
.a{fill-rule:evenodd;}techdegree
Amanda Richardson
Web Development Techdegree Student 13,776 Points

Thanks for the replies. I was mainly confused about adding more to the normalize sheet to reset everything (if everything had been reset) but now understand this was just a custom reset. Thanks!