Build a Heart Icon - Step 4

HTML-CSS
1

Tell us what’s happening:

It doesn’t read my path at all, how does it work??

Your code so far

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

<!-- User Editable Region -->

    <svg path width="24" height="24" viewBox="0 0 24 24">
    </svg>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36

Challenge Information:

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

2

Hi. This is asking you to create a path element inside the existing svg element.

Use what you have learned about elements so far to try and do this. Do you remember how to create an element and the syntax to use?

3

Did the instructions say to add a path attribute or a path element inside the svg element? The distinction is very important to understand.

4

You should create a path element inside your svg element.

5

Does the “path” element has the same syntax as other elements with an opening and closing tag or is it a void? usually a get the answer within minutes but i’m stuck.
I apoligize if my english is not that good.

Thanks!

6

Nevermind…i was putting the path element inside the opening svg tag…it needs to go outside…nested, but separated…