Learn CSS Grid by Building a Magazine - Step 1

HTML-CSS
1

Tell us what’s happening:

Task is to create usual initial elements including meta element to ensure screen adjusts to device size.What is wrong?

Your code so far

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

<!-- User Editable Region -->

<!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>

<!-- User Editable Region -->


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

Challenge Information:

Learn CSS Grid by Building a Magazine - Step 1

2

put these 2 on separate lines and leave one space after the comma

3

Still not working,I am afraid.

4

i need you to copy all the code and post it in your reply so I can see if there is anything else I can suggest.

5

Use space after comma

6

–

  <meta charset="UTF-8"> 
  <meta name="viewport" 
  content="width=device-size,  initial-scale=1.0"/>
  <body>
  </body>
--
7

one space only, two is too much

8

Still not working.And yes I tried resetting the browser/refreshing the page

9

Can you copy all the code (every single line) and post it in your reply again?

10 
    <!DOCTYPE html>
 <html lang="en">
 <head>
</head>
       <meta charset="UTF-8"> 
  <meta name="viewport" 
  content="width=device-size, initial-scale=1.0"/>
  <body>
  </body>
 </html>
11

you need to move the </head> tag below the 2 meta tags.
Then you need to fix your width=device-size to width=device-width
and put the 2nd meta tag on a single line (don’t split it up like you have)

1 Like
12

Hey Buddy, Here kinldy do put this line of code in proper indentation.