Learn CSS Grid by Building a Magazine - Step 10

Tell us what’s happening:
Describe your You should have five i elements. even tho i have all five here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Magazine</title>
    <link
      href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
    />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <main>
      <section class="heading">
        <header class="hero">
          <img
            src="https://cdn.freecodecamp.org/platform/universal/fcc_meta_1920X1080-indigo.png"
            alt="freecodecamp logo"
            loading="lazy"
            class="hero-img"
            width="400"
          />
          <h1 class="hero-title">OUR NEW CURRICULUM</h1>
          <p class="hero-subtitle">
            Our efforts to restructure our curriculum with a more project-based
            focus
          </p>
        </header>
        <div class="author">
          <p class="author-name">
            By
            <a href="https://freecodecamp.org" target="_blank" rel="noreferrer"
              >freeCodeCamp</a
            >
          </p>
          <p class="publish-date">March 7, 2019</p>
        </div>

<!-- User Editable Region -->

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

    </a>
          <a href="https://www.youtube.com/freecodecamp"> <i class="fab fa-youtube"></i>
          </a>
        </div>

<!-- User Editable Region -->

      </section>
    </main>
  </body>
</html>
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:102.0) Gecko/20100101 Firefox/102.0

Challenge: Learn CSS Grid by Building a Magazine - Step 10

Link to the challenge:

Can you describe the issue you’re having with this challenge please? The more you say, the more we can help.

You should have five i elements. is the error i keep getting

You have an anchor tag here which is missing >.

If you format/indent your code properly, it will be easier to spot little errors like this.

Thank you for the tip.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.