Learn CSS Grid by Building a Magazine - Step 2

HTML-CSS
1

I do not understand what is wrong with my code.
It says I need three self-closing elements which I do have.

<!-- 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" rel="stylesheet"/>
      <link href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" rel="stylesheet"/>
      <link href="./styles.css" rel="stylesheet"/>

    </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; rv:109.0) Gecko/20100101 Firefox/112.0

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

Link to the challenge:

2

Hello, and welcome to the forum! When I copy and paste your code into the challenge it passes for me. What you can do is to try to refresh and reset the lesson and submit it again. If that does not work, try a different browser from the one you are currently using. So if you are using firefox right now, then try the challenge on google chrome and see if that help. Sometimes browsers can cause issues when submitting the challenge

3

Thank you! Using Chrome worked.

1 Like