Search code examples
htmlcsssasshtml-heading

Reset not letting me change H1 size

So this is a strange bug I cant seem to figure out.

Im using Meyers reset in my app. But when I edit my main css file to change the h1 font size, it will not change it. But when I put it in the body tag it works. Could anyone explain this to me?

Example

base.css.scss

h1 {
 font-size: 2em;    //--This doesnt work
}

body {
     width: 100%;
     height: 100%;

    h1 {
     font-size: 2em;  //-- This works
    }
}
Solution

  • Make sure to include the reset file before your base.css.scss file. Looks like it overwrites the h1 rule.