Help please! I do not understand what I am doing wrong

Tell us what’s happening:
trying to nest, do not understand why it keeps saying I still need to nest them. What am I missing.

Your code so far


<style type='text/sass'>
.blog-post{ 
  h1{ 
    text-align: center;
    color: blue;
  
    p{ 
      font-size: 20px;
    }
  }
}
   
  
</style>

<div class="blog-post">
  <h1>Blog Title</h1>
  <p>This is a paragraph</p>
</div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/sass/nest-css-with-sass

1 Like

You don’t nest the p styles in the h1 styles, because in the HTML the <p> element is not nested in the <h1> element.

1 Like

I had the same issue & it drove me nuts! Your not the only one.

The example is what is causing the confusion. It shows li nested in ul which is nested in nav.

Yes, the example does seem to show that each child element is nested within each other one. Oh well, after going a little nutty myself, I figured it out. Thanks, glad I’m not the only one.