Learn CSS Grid by Building a Magazine - Step 7

Basically I applied everything that was requested,there is no typo,even a reset changed nothing
** 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.**


By freeCodeCamp

March 7, 2019

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles.css" />
      <section class="heading">
        <header class="hero">
            alt="freecodecamp logo"
          <h1 class="hero-title">OUR NEW CURRICULUM</h1>
          <p class="hero-subtitle">
            Our efforts to restructure our curriculum with a more project-based

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

<!-- User Editable Region -->

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

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

Link to the challenge:

Looks like you have extra spaces inside of the p element here

I even set my code with the qiestion

1 Like

thanks I appreciate it

1 Like

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