Learn CSS Grid by Building a Magazine - Step 2

Tell us what’s happening:
Describe your issue in detail here.

Step 2

Add a title element with the text Magazine, a link element for the https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap font stylesheet, a link for the https://use.fontawesome.com/releases/v5.8.2/css/all.css FontAwesome stylesheet, and a link for your ./styles.css stylesheet.

Your font stylesheet will load three separate fonts: Anton, Baskervville, and Raleway.

Help! I can’t tell what is missing?

Error message Hint: Your code should have three self-closing link elements.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"/>
  <link type="text/css" rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"/>
  <link type="text/css" rel="stylesheet" href="./styles.css"/>
/* 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 2

Link to the challenge:

See this to review your code https://forum.freecodecamp.org/t/learn-css-grid-by-building-a-magazine-step-2/529609?u=pluckyprecious

Ok, so I’ve clicked on the link you provided and reviewed what the commentors pointed out, and checked for similar mistakes in my own code. I’ve removed the 3 “type” attributes. reviewed each element and each corresponding attribute, but it’s still saying no. Preformatted text

Please provide your updated code again.

This is where I’m at

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"/>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"/>
    <link rel="stylesheet" href="./styles.css"/>

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like

I think I see the issue



Hi @z.woods2050 .

Do note the difference between elements that are self closing and regular elements.

Regular elements need opening tag and closing tags like this

<p> This is a paragraph </p>

Self closing tags only needs one tag like this

<img src="https://www.example.com">


<img src="https://www.example.com" />

Notice the placement of the forward-slash /

Hope this helps.

1 Like

Thank you for the correction.

1 Like

Thank you for the correction as well. I’ve spent almost 5 hours looking at this… oof, alright. Thank you again

I was writing tittle so I change for title and all is done

1 Like

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