Build a Heart Icon - Step 2

HTML-CSS
1

Tell us what’s happening:

Why is this not working? Everywhere I’ve looked, this is the appropriate way to define the width and height.

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"
    </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/138.0.0.0 Safari/537.36

Challenge Information:

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

2

HI @dylanpelly !

Welcome to the forum!

You need to have the attributes inside the opening svg tag.

hope that helps

3

As far as I can tell, I am? I just reset the lesson and I’ve typed exactly where it starts, but my width/height aren’t turning blue.

4

Here is the opening svg tag

Your attributes need to be inside there.

Right now you are placing them inside both opening and closing tags.

Hope that clarifies it

3 Likes
5

Nevermind, I see now.

I have to say, not having an example in the previous module explaining svg is somewhat lacking in clarity.

6

Yeah, we can add some code examples in the lecture here

I’ll open an issue for it

4 Likes
7

Thank you for your help.

2 Likes