Learn CSS Grid by Building a Magazine - Step 9

HTML-CSS
1

Tell us what’s happening:

Says my third anchor element should have the instagram link which is already there. Checked for mistakes many times. First 2 are correct and 3rd is the same. I don’t get why it is wrong.

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"></a>
  <a href="https://twitter.com/freecodecamp"></a>
  <a href="https://instagram.com/freecodecamp"></a>
  <a href="https://www.linkedin.com/school/free-code-camp"></a>
  <a href="https://www.youtube.com/freecodecamp"></a>
</div>

<!-- User Editable Region -->

      </section>
    </main>
  </body>
</html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:133.0) Gecko/20100101 Firefox/133.0

Challenge Information:

Learn CSS Grid by Building a Magazine - Step 9

2

Your code is correct. Maybe there is an error in the system, I’m sure someone will give you more clarification

3

Welcome to the forum @theseagull

Your code passes.
Reset the step and try again. If that doesn’t work, refresh the page, disable dark mode, disable ad blockers. Or, use another browser.
If the above steps do not work, you may need to restart the computer.

Happy coding

4

Thanks for the quick reply. I tried restarting but it didn’t help. I then ran Firefox in Troubleshoot mode and that seems to have done the trick.

Thanks again and I hope I won’t run into something like that again.

1 Like