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.

13

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