Create a More Complex Shape Using CSS and HTML broken?

HTML-CSS
1

Tell us what’s happening:

So, this challenge won’t let me pass it, because “The background-color property of the heart::after selector should be pink. The content of the heart::before selector should be an empty string.” even though I’m pretty sure it is.

Your code so far


<style>
.heart {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: pink;
  height: 50px;
  width: 50px;
  transform: rotate(-45deg);
}
.heart:after {
  background-color: pink;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0px;
  left: 25px;
}
.heart:before {
  content: "";
  background-color: pink;
  border-radius: 50%;
  position: absolute;
  width: 50px;
  height: 50px;
  top: -25px;
  left: 0px;
}
</style>
<div class = "heart"></div>
2

In your code there is instead heart:after, you are missing a colon

3

I got it now. thank you very much for your help. : )