Learn CSS Grid by Building a Magazine - Step 7

Tell us what’s happening: missing something. need another set of eyes here - error says Your a element should have the href set to https://freecodecamp.org . - yet it is/does
Describe your issue in detail 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"<target="_blank">
  <a href="https://www.freecodecamp.org/">By freeCodeCamp</a></p>
<p class="publish-date">March 7, 2019</p> 
</div>
    </section>
  </main>
</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/103.0.0.0 Safari/537.36

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

Link to the challenge:

Your target blank is not inside your anchor tag.

thanks for the reply. still giving me an error

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

You have unnecessy / in your link

still giving error

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

Unnecessary www in link

now it is saying I should create a new a element - any feedback would be helpful

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

ran it through codepen, added > in again and now this error - Your a element should surround the text freeCodeCamp .

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

I did that - this is the error - Your first new p element should have the text By freeCodeCamp . so it is going back and forth with an error say I should have the text ‘freeCodeCamp’ to saying I should have the text ‘By freeCodeCamp’

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

try removing them it might work

The last three backticks go on their own line.

oh yes sorry i meant moving not removing typo sorry, my mistake

what back ticks? those back ticks happen when I post the question. they are not part of the code I have written. or, please explain

you had ‘’’ three ticks like that but you have edited them out

I see that I did. the ticks were not part of the code though. when you post to the forum the code goes in between backticks. that is what it was showing. My code isn’t passing still. do you have any feedback on the code?

they are used to dispaly your code without the freecodecamp forum woulf not display your code.

I solved it. had to break up the By from the freecodecamp in text. I appreciate your help though. It helped me towards the solution.

i will have a look at it and try to fix it

your a element is surrounding the words:

By freeCodeCamp

it should only surround the word

freeCodeCamp

That should be your answer.

1 Like

You have an extra < after “author-name”