Learn CSS Grid by Building a Magazine - Step 2

HTML-CSS
1

Tell us what’s happening:

My last link isn’t being recognized. Would someone check my code, please?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<!-- User Editable Region -->

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

<!-- User Editable Region -->

  <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/126.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Grid by Building a Magazine - Step 2

2

Hi there! It looks like you misplaced a period. It should be like this: link rel="stylesheet" href="styles.css"

3

Hello and welcome to the forum!

All three rel attributes should only have the value of stylesheet. The browser will know what the stylesheet is by the href attribute set value.

Inadvertently, it appears the href values have been assigned to the rel attribute.

The href should connect to the url for the value.

Example for all three; but not showing the answer.

<link rel="stylesheet" href="url provided">
<link rel="stylesheet" href="url provided">
<link rel="stylesheet" href="url provided">

I hope this helps you.

1 Like
4

The best way to get a proper solution of a problem is to state it correctly. You did not mention the error messages showing in your editor window. Please tell us what error messages are showing on your editor.

5

Ah! That was it!! Thank you! :slight_smile:

1 Like
6

rel=“stylesheet”
rel=“stylesheet”
rel=“stylesheet”