Issue with a problem? I think a question is bugged

1

broken
broken2845Ă—1681 382 KB

Am I doing something wrong here, or is this question just bugged? I checked my solution and saw that they were essentially identical. How did I go wrong here?

-Armaan Dodd

2

Can you give the name of the exercise and post your code instead of screenshot?

3

Yes! Apologies.

“Applied Visual Design: Create a More Complex Shape Using CSS and HTML” is the name of the assignment. Very crucial bit of info I didn’t include there…

<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 {
  content: "";
  background-color: pink;
  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>

is my code. Am I doing something wrong here?

4

You changed the pseudo selector from :: to :

While they are both correct. : syntax is older and should be avoided.

1 Like