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?

Posted by Scott Peake
Scott Peake
17,052 Points

Normalize holding on too tightly

I have the most recent normalize.css included and am using main.css for special styling on my project page. Most of the time my main.css will take care of everything, but sometimes there are stylings that don't seem to "overcome" the normalize.css. (Float, blocking, etc. all seem to work fine, but not my border-radius.)

I am trying to add border-radius to my picture but it won't show up. DevTools says that it's being styled by normalize.css and is stuck on border-radius:0. I can not make any border-radius changes to my main.css and have them display.

Huh?

1 Answer

Eric Butler
Eric Butler
33,512 Points
Eric Butler
Eric Butler
33,512 Points

Hi, Just a thought: if you have your normalize.css file listed/linked AFTER your main.css file, like this:

<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="normalize.css">

then the normalize styles will ALWAYS trump your main.css styles. The way CSS works, it's always the last style setting that shows up. Is that what's happening? If so, just move your main.css file after normalize and whatever styles you set in it will override any normalize settings.