Learn CSS Grid by Building a Magazine - Step 2

ERROR: “Sorry, your code does not pass. Keep trying.
Your three link elements should have a rel attribute with the value stylesheet.”

I DO HAVE a “rel attribute with a value of stylesheet”!!! Fix the instructions so it makes sense, PLEASE! I created a title = check, I created 3 links = check, What is the problem?

<!-- 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 href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap">

  <link href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">

  <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/119.0.0.0 Safari/537.36 Edg/119.0.0.0

Challenge Information:

Learn CSS Grid by Building a Magazine - Step 2

<!-- 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 href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap">

  <link href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">

  <link **rel="stylesheet"** href="./styles.css">

  </head>

<!-- User Editable Region -->

  <body>
  </body>
</html>

@southerlinc
Hello! You are so close. You’re missing two rel attributes and stylesheet values

Just add rel attribute with the value stylesheet to the following two lines of code, and your good to go.

 <link href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap">

  <link href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">

For this line of code below remove ** ** from rel=“stylesheet”

<link **rel="stylesheet"** href="./styles.css">

You are doing well. -Happy coding.

1 Like

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