Learn CSS Grid by Building a Magazine - Step 1

HTML-CSS
1

Tell us what’s happening:

Hi, I really do not understand what’s going wrong.
I have:

  • <!DOCTYPE html>
  • <html lang="en"> </html>
  • <head> </head>
  • 2 meta tags in <head>
    • <meta charset="UTF-8">
    • <meta name="viewport" content="width=device-width, initial-scale=1.0">
  • <body> </body>

Do I need glasses? Because I can’t see what I’m doing wrong?

Your code so far

<!-- file: index.html -->

<!-- User Editable Region -->



<!-- User Editable Region -->


/* file: styles.css */
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body></body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Grid by Building a Magazine - Step 1

2

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

3

Thank you! It worked!

1 Like
4

please make sure to write html in the html file, not in the css file