Learn CSS Grid by Building a Magazine - Step 2

HTML-CSS
1

Tell us what’s happening:

My code isn’t working, I tried many solutions and none have worked. So, I skipped the exercise and copy pasted the code, and even doing it, it doesn’t work! Is there something wrong?

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
      href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      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/132.0.0.0 Safari/537.36 OPR/117.0.0.0

Challenge Information:

Learn CSS Grid by Building a Magazine - Step 2

2

Welcome to the forum @BrunoS1lva

Your code passes.
Reset the step and try again. If that doesn’t work, refresh the page, disable dark mode, disable ad blockers. Or, use another browser.
If the above steps do not work, you may need to restart the computer.

Happy coding

3

Thanks, I disabled the adblocker and turned off the dark mode. It appears that one of those was the problem

1 Like
4

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