Solution to Create a more Complex Shape using CSS and HTML

1.give the ‘content’ declaration in .heart::before an empty string to see the circle that merges with the square
2. make the .heart::after a perfect circle by giving a border-radius 50%
3.rotate the whole unit (.heart) -45degrees to give an upright posture to the heart symbol.

Challenge: Create a More Complex Shape Using CSS and HTML

Link to the challenge: