Step 7 - Learn CSS Grid by Building a Magazine

After your header element, create a div with the class set to author.

Within that div, create a p element with the class set to author-name and give it the text By freeCodeCamp. Wrap the freeCodeCamp portion in an a element with the href set to https://freecodecamp.org, and the target set to _blank.

Below that, add a second p element with the class publish-date and the text March 7, 2019.

<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>

Good afternoon everybody,

I love to have some insights on this code. I thought I was on the right track, but there is something not right ???

Jackie

It is really best to leave the link to the challenge in your post.

Your spaces might be off? Hard to tell without a link to the challenge.

Hi JeremyLT

I will try again, okay.

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-grid-by-building-a-magazine/step-7

thanks for the link.
I copied your code to the step and it gave me this hint:

Hint

Your first new p element should have the text By freeCodeCamp.

Notice that it wants text that is different than the one you used?

I also just finished this step and I believe it’s just a tiny typo error for ‘freeCodeCamp’. Hope that helps!

Thanks a lot for your response. I see my errors. The capital F and the extra spacing behind freeCodeCamp.

It’s better to do a thorough check before posting :face_with_raised_eyebrow:

1 Like

Thank you for your tip. I saw it in my coding. I even had an extra spacing behind the freeCodeCamp.