Learn CSS Grid by Building a Magazine - Step 7

HTML-CSS
1

Tell us what’s happening:

I am being told that I need to wrap my a tag around ‘freeCodeCamp’, but to me it is already correctly wrapped. Any ideas? Much appreciated

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>

<!-- User Editable Region -->

        <div class="author">
          <p class="author-name">
            By 
            <a href="https://freecodecamp.org" target="_blank">
            freeCodeCamp
            </a>
          </p>
          <p class="publish-date">March 7, 2019</p>
        </div>
      </section>
    </main>

<!-- User Editable Region -->

  </body>
</html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Grid by Building a Magazine - Step 7

2

I put everything on one line and it passed, I must have indented it incorrectly.

3

Hello!
It is important, unless other instructed, to try to keep the code in HTML on one line.
I have found that using the enter, creates too much space, which the tests are sensitive to when checking the code.
Keep up the good progress!

4

Your code really should pass.

It is because the test is using textContent to test the link text so it gets the new line and spaces. It should be updated to use innerText instead.

Edit: I made the PR for it.

5

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