Learn CSS Grid by Building a Magazine - Step 2

HTML-CSS
1

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">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Magazine<title/>
  <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"/>
</head>
<body>
</body>
</html>

/* 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/105.0.0.0 Safari/537.36

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

Link to the challenge:

2

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

3

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

4

Please provide your updated code again.

6

This is where I’m at


<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Magazine<title/>
    <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"/>
  </head>
7

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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

1 Like
8

I think I see the issue

</title>

3 Likes
9

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

or

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

Notice the placement of the forward-slash /

Hope this helps.

1 Like
10

Thank you for the correction.

1 Like
11

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

12

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

1 Like
13

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