Nest-css-with-sass: Did i do something wrong in my code?

HTML-CSS
1

Did i do something wrong?

Your code so far



<style type='text/sass'>
  .blog-post {
    h1{
      color: blue;
      text-align: center;
    }
    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 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36.

Link to the challenge:

2

It doesn’t like that you moved the text-align property before color for h1 for some testing reasons I presume, just leave the orders as they were and it should work

3

do u mean something like this? :
h1 {
color: blue;
text-align: center;

}

i tried still getting this error:
" message : Your code should re-organize the CSS rules so the h1 and p are nested in the .blog-post parent element.

4

No , there is nothing technically wrong with your code, but the problem originally had text-align before color and you switched them around and it doesn’t like that for testing reasons, this should pass

<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>

Again, what you wrote would work for all practical reasons but for passing this test…

1 Like
5

yeah i think there might some bug happen even i tried your code and still cant pass the test… Ok good to know I do it correctly thanks for the help :wink:

6

but the example is different with 3 brackets on the ends.
nav {
background-color: red;

ul {
list-style: none;

li {
  display: inline-block;
}

}
}