# System Error Step 4 - Building a Registration Form

**URL:** <https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [May 18, 2022, 7:30am UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372 "2022-05-18T07:30:13Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Juliantonvar](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/juliantonvar/32/240972_2.png) [@Juliantonvar](https://forum.freecodecamp.org/u/Juliantonvar)\
**Post date:** [May 18, 2022, 7:30am UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/1 "2022-05-18T07:30:13Z")

</div>

Hello. I am on the Step 4 of Building a Registration Form. IT request :

Add a `title` element to the `head` , and give your project a title of `Registration Form` . Also, nest a self-closing `link` element in the `head` element. Give it a `rel` attribute value of `stylesheet` , a `type` attribute value of `text/css` , and an `href` attribute value of `styles.css` .

My code is:

```auto
<!DOCTYPE html>
<html> 
<head>
    <title>Registration Form</title>
    <link rel="stylesheet" type="text/css" href="styles.css"> 
  </head>
  <body>
  </body>
</html>

```

The system shows me:

Sorry, your code does not pass. Hang in there.

Hint  
Your `link` element should be a self-closing element.

```
  **Your browser information:**

```

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

**Challenge:** Step 4

**Link to the challenge:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-4)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![Cryptic\_X](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cryptic_x/32/258542_2.png) [@Cryptic\_X](https://forum.freecodecamp.org/u/Cryptic_X)\
**Post date:** [May 18, 2022, 9:16am UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/2 "2022-05-18T09:16:47Z")

</div>

Please enclose your code with 3 backticks(`)

Code enclosed with backticks:

```auto
<div>
  <p> Some text </p>
</div>

```

Code not enclosed with backticks:

Some text

You can also use the “preformatted text” tool in the editor ( `</>` ) to add backticks around text.

![Screenshot 2022-05-18 at 2.50.20 PM](https://global.discourse-cdn.com/freecodecamp/original/4X/9/a/b/9ab32b5c72b6dbba805fd112980c1470434b5063.png)

---

<div class="post-metadata">

**Author:** ![zae](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/zae/32/239874_2.png) [@zae](https://forum.freecodecamp.org/u/zae)\
**Post date:** [May 18, 2022, 8:30pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/3 "2022-05-18T20:30:57Z")

</div>

i have the same problem.

my code is:

```auto
<head>
    <title>Registration Form </title>
    <link rel="stylesheet" type="text/css" href="styles.css">
  </head>
  <body>
  </body>

```

---

<div class="post-metadata">

**Author:** ![b4c1c](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/b4c1c/32/297292_2.png) [@b4c1c](https://forum.freecodecamp.org/u/b4c1c)\
**Post date:** [May 18, 2022, 8:56pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/4 "2022-05-18T20:56:50Z")

</div>

open web browser and ask:  
what is self-closing element

🙂

---

<div class="post-metadata">

**Author:** ![zae](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/zae/32/239874_2.png) [@zae](https://forum.freecodecamp.org/u/zae)\
**Post date:** [May 18, 2022, 9:03pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/5 "2022-05-18T21:03:49Z")

</div>

> [@b4c1c](#):
>
> what is self-closing element

i tried that also and i still get the same error.

---

<div class="post-metadata">

**Author:** ![b4c1c](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/b4c1c/32/297292_2.png) [@b4c1c](https://forum.freecodecamp.org/u/b4c1c)\
**Post date:** [May 18, 2022, 9:06pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/6 "2022-05-18T21:06:40Z")

</div>

maybe is a typo… read it again 😉

---

<div class="post-metadata">

**Author:** ![zae](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/zae/32/239874_2.png) [@zae](https://forum.freecodecamp.org/u/zae)\
**Post date:** [May 18, 2022, 9:11pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/7 "2022-05-18T21:11:59Z")

</div>

i copied and pasted the words on the instructions in case of a typo and i don’t know what to do.

```auto
<head>
    <title> Registration Form </title>
    <link rel="stylesheet" type="text/css" href="styles.css"/>
  </head>
  <body>
  </body>

```

## Test

Sorry, your code does not pass. You’re getting there.

---

<div class="post-metadata">

**Author:** ![b4c1c](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/b4c1c/32/297292_2.png) [@b4c1c](https://forum.freecodecamp.org/u/b4c1c)\
**Post date:** [May 18, 2022, 9:13pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/8 "2022-05-18T21:13:33Z")

</div>

I found this. looks like it’s bug, fixed but not released, as I understand

> [@Is there something wrong with this challenge?](https://forum.freecodecamp.org/t/is-there-something-wrong-with-this-challenge/509520/2):
>
> The issue has been fixed but may not have made it into production yet.

---

<div class="post-metadata">

**Author:** ![zae](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/zae/32/239874_2.png) [@zae](https://forum.freecodecamp.org/u/zae)\
**Post date:** [May 18, 2022, 9:15pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/9 "2022-05-18T21:15:03Z")

</div>

Oh good. I was going crazy for a second there.

---

<div class="post-metadata">

**Author:** ![zae](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/zae/32/239874_2.png) [@zae](https://forum.freecodecamp.org/u/zae)\
**Post date:** [May 18, 2022, 9:22pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/10 "2022-05-18T21:22:31Z")

</div>

i had to delete spaces in the code. The ones in front of the link.

---

<div class="post-metadata">

**Author:** ![erickc83](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/erickc83/32/260874_2.png) [@erickc83](https://forum.freecodecamp.org/u/erickc83)\
**Post date:** [May 19, 2022, 4:52pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/11 "2022-05-19T16:52:43Z")

</div>

Lame, guess it’s time to go touch some grass. I was really getting into a groove too.

---

<div class="post-metadata">

**Author:** ![erickc83](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/erickc83/32/260874_2.png) [@erickc83](https://forum.freecodecamp.org/u/erickc83)\
**Post date:** [May 19, 2022, 4:53pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/12 "2022-05-19T16:53:25Z")

</div>

Deleting the spaces didn’t work for me.

---

<div class="post-metadata">

**Author:** ![b4c1c](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/b4c1c/32/297292_2.png) [@b4c1c](https://forum.freecodecamp.org/u/b4c1c)\
**Post date:** [May 19, 2022, 4:56pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/13 "2022-05-19T16:56:35Z")

</div>

do you mean in `<title>` ? I see spaces there `_Registration Form_`

---

<div class="post-metadata">

**Author:** ![b4c1c](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/b4c1c/32/297292_2.png) [@b4c1c](https://forum.freecodecamp.org/u/b4c1c)\
**Post date:** [May 19, 2022, 4:59pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/14 "2022-05-19T16:59:27Z")

</div>

What worked for you? Did you pass the step?

---

<div class="post-metadata">

**Author:** ![erickc83](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/erickc83/32/260874_2.png) [@erickc83](https://forum.freecodecamp.org/u/erickc83)\
**Post date:** [May 19, 2022, 5:13pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/15 "2022-05-19T17:13:57Z")

</div>

They were referring to the white space before the link tag. my code is below.

```auto
<head>
    <title>Registration Form</title>    
  <link rel="stylesheet" type="text/css" href="styles.css">
  </head>
  <body>
  </body>

```

I’ve switched out all of the quote marks between single, double, and nonexistant. I’ve moved the link tag to above the title. I’ve also removed all white space before the link tag in all instances.

---

<div class="post-metadata">

**Author:** ![erickc83](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/erickc83/32/260874_2.png) [@erickc83](https://forum.freecodecamp.org/u/erickc83)\
**Post date:** [May 19, 2022, 5:15pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/16 "2022-05-19T17:15:40Z")

</div>

![Screenshot 2022-05-19 101524](https://global.discourse-cdn.com/freecodecamp/original/4X/3/4/8/34882a8a1aea80f66904b75d55058fe09ac74ddc.png)

Also, no, I’ve not been able to progress

---

<div class="post-metadata">

**Author:** ![ljdebritz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ljdebritz/32/246608_2.png) [@ljdebritz](https://forum.freecodecamp.org/u/ljdebritz)\
**Post date:** [May 19, 2022, 5:18pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/17 "2022-05-19T17:18:05Z")

</div>

I am also having the exact same issu e

---

<div class="post-metadata">

**Author:** ![b4c1c](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/b4c1c/32/297292_2.png) [@b4c1c](https://forum.freecodecamp.org/u/b4c1c)\
**Post date:** [May 19, 2022, 5:23pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/18 "2022-05-19T17:23:44Z")

</div>

> [@System Error Step 4 - Building a Registration Form](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/8):
>
> I found this. looks like it’s bug, fixed but not released, as I understand

Maybe is still this… I wonder how I pass that part 😕

> <https://github.com/freeCodeCamp/freeCodeCamp/issues/45215>
>
> \<!--
> NOTE: If you're reporting a security issue, don't create a GitHub issue. I…nstead, email security@freecodecamp.org. We will look into it immediately.
> \--\>
> 
> \## Affected page
> 
> https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-4
> 
> There are most likely other steps affected as well.
> 
> \## Discussion
> 
> The test for this step fails if the \`\<link\>\` tag does not include the forward slash before the ending \`\>\`. According to \[whatwg.org 13.1.2.1 Start tags\](https://html.spec.whatwg.org/multipage/syntax.html#start-tags), point 6:
> 
> "Then, if the element is one of the \[void elements\](https://html.spec.whatwg.org/multipage/syntax.html#void-elements), or if the element is a \[foreign element\](https://html.spec.whatwg.org/multipage/syntax.html#foreign-elements), then there \*\*may\*\* be a single U+002F SOLIDUS character (/). \*\*This character has no effect on \[void elements\](https://html.spec.whatwg.org/multipage/syntax.html#void-elements)\*\*, but on foreign elements it marks the start tag as self-closing."
> 
> This seems to imply that the forward slash is optional on the \`\<link\>\` tag and thus the test should pass if the user does not include it. There are 14 void elements that this applies to:
> 
> \[area\](https://html.spec.whatwg.org/multipage/image-maps.html#the-area-element), \[base\](https://html.spec.whatwg.org/multipage/semantics.html#the-base-element), \[br\](https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-br-element), \[col\](https://html.spec.whatwg.org/multipage/tables.html#the-col-element), \[embed\](https://html.spec.whatwg.org/multipage/iframe-embed-object.html#the-embed-element), \[hr\](https://html.spec.whatwg.org/multipage/grouping-content.html#the-hr-element), \[img\](https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element), \[input\](https://html.spec.whatwg.org/multipage/input.html#the-input-element), \[link\](https://html.spec.whatwg.org/multipage/semantics.html#the-link-element), \[meta\](https://html.spec.whatwg.org/multipage/semantics.html#the-meta-element), \[param\](https://html.spec.whatwg.org/multipage/iframe-embed-object.html#the-param-element), \[source\](https://html.spec.whatwg.org/multipage/embedded-content.html#the-source-element), \[track\](https://html.spec.whatwg.org/multipage/media.html#the-track-element), \[wbr\](https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-wbr-element)

---

<div class="post-metadata">

**Author:** ![SophieK](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sophiek/32/240798_2.png) [@SophieK](https://forum.freecodecamp.org/u/SophieK)\
**Post date:** [May 19, 2022, 5:27pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/19 "2022-05-19T17:27:12Z")

</div>

I have been having issues with the same step. I came out of it and then just clicked step 5 on the curriculum page and I have been able to carry on. Hope that helps.

---

<div class="post-metadata">

**Author:** ![b4c1c](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/b4c1c/32/297292_2.png) [@b4c1c](https://forum.freecodecamp.org/u/b4c1c)\
**Post date:** [May 19, 2022, 5:27pm UTC](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372/20 "2022-05-19T17:27:30Z")

</div>

I just redo step, works fine for me.  
So I ask again, did you look up for self-closing element?

[Next page](https://forum.freecodecamp.org/t/system-error-step-4-building-a-registration-form/509372.md?page=2)