Validation error syntax

HTML-CSS
1

I am trying to validate an Html exercise since when trying to validate the writing of my code it throws a validation rejection where it is suggested to me to have 5 requested elements in the requirements and exactly I am delivering the requirements correctly, but still the rejection occurs since I have filtered the lines of code to try to find some error in the writing and apparently everything is well done, for more detail I leave an example of the exercise performed:
Requirements, Within each of your new a elements, add an i element and assign them the following classes:

Your first element i must have the class fab fa-facebook-f
Your second element i must have the class fab fa-twitter
Your third element i must have the class fab fa-instagram
Your fourth element i must have the class fab fa-linkedin-in
His fifth element i should have the class fab fa-youtube

Execution of the task:

       <div class="social-icons">
          <a href="https://www.facebook.com/freecodecamp/">
            <i class="fab fa-facebook-f"/>
          <a href="https://twitter.com/freecodecamp/">
            <i class="fab fa-twitter"/>
          <a href="https://instagram.com/freecodecamp">
            <i class="fab fa-instagram"/>
          <a href="https://www.linkedin.com/school/free-code-camp/">
            <i class="fab fa-linkedin-in"/>
          <a href="https://www.youtube.com/freecodecamp">
            <i class="fab fa-youtube"/>
        </div>

Could someone tell me why my assignment was rejected?
I would really be grateful to hear from someone who can help me to know what is the cause and where is the reason for the rejection when validating my assignment…thank you!

2

Welcome to our community!

The ‘icon’ element is not a self-closing element. It has the both, opening and closing tag:

3

You should also close </a> your a elements explicitly. In this case, the implicit closing tag is added correctly but you shouldn’t rely on that. Forgetting to close a elements can lead to them getting closed incorrectly causing multiple elements to be included.

Example

<a href="https://forum.freecodecamp.org/">forum
    
<h1>Heading</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>