Step 7 - Learn CSS Grid by Building a Magazine

HTML-CSS
1

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

2

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.

3

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

4

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?

5

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

6

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
7

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

8

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