Build a Heart Icon - Step 5

HTML-CSS
1

Tell us what’s happening:

I’m stuck on step five of build a heart icon: I have my d attribute set to the correct string of numbers and inside my path element and svg element.

Your code so far

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Heart Icon</title>
  </head>
  <body>

<!-- User Editable Region -->

    <svg width="24" height="24" viewBox="0 0 24 24">
      <path>
        d="M12 21s-6-4.35-9.33-8.22C-.5 7.39 3.24 1 8.4 4.28 10.08 5.32 12 7.5 12 7.5s1.92-2.18 3.6-3.22C20.76 1 24.5 7.39 21.33 12.78 18 16.65 12 21 12 21z"
      </path>
    </svg>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Heart Icon - Step 5
https://www.freecodecamp.org/learn/full-stack-developer/workshop-build-a-heart-icon/step-5

2

Hi. d is an attribute that you need to add to the path element. Do you remember the correct syntax for an attribute and where it goes in the html code?

3 
     –solution removed by moderator -

The problem was > after <path I had the same issue for a bit. Remember, syntax is KEY since it’s an element in the path element, you don’t want to exclude the d element from the syntax.

4

Hi

I have altered your code to remove the solution. We try to guide users to work out the answers for themselves.

5

Thank you, I just learned about this now. “That is the ultimate goal of the Socratic method: to guide the learner to reach the logical conclusion solely through their own reasoning.” I’ll work on using this method to help others.

2 Likes
6

removed by moderator

7

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge. How to Help Someone with Their Code Using the Socratic Method

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

2 Likes
8

your opening path tag should be like this <path d=