Build a Heart Icon - Step 6

HTML-CSS
1

Tell us what’s happening:

I am stuck on the last step. The heart on my screen is filled in red, but it is still saying there is something wrong with my code. Please help me.
Thank you!

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" fill="Red">
        </path>
    </svg>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36 Edg/139.0.0.0

Challenge Information:

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

2

Hi there and welcome to the forum!

  1. set the svg element’s attribute , not path
  2. fill attribute to red : letter casing matters
2 Likes