Nest CSS with Sass (Answer)

Nest CSS with Sass (Answer)
0

#1

Tell us what’s happening:
In the lesson example you’ll find an error in syntax:
Child element inside should be structured like this for your answer!

.blog.post{
h1{
text-align: center;
color: blue;
}
p{
font-size: 20px;
}
}

The bracket must be closed to one child element before the next child element.

Your code so far

.blog-post { } h1 { text-align: center; color: blue; } p { font-size: 20px; }

Blog Title

This is a paragraph

```

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0.

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


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

</style>