Learn Accessibility by Building a Quiz - Step 3

HTML-CSS
1

Tell us what’s happening:

could someone pls point out what is wrong with my code block

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<!-- User Editable Region -->

  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" />
    <meta content="width=device-width" />
    <meta intial-scale="1.0"/>

    <link rel="stylesheet" href="styles.css" />
  </head>

<!-- User Editable Region -->

  <body>

  </body>
</html>


/* file: styles.css */
body {
  background: #f5f6f7;
  color: #1b1b32;
  font-family: Helvetica;
  margin: 0;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 3

2

Yes.

This line is incorrect:

Have you tried to look up how this meta line should look?

3

yes i have and the prompt on free code camp says this" You should give the meta a content attribute of width=device-width, initial-scale=1 ."

4

tried doing this :" "also didn’t work

5

Please post the full corrected code in your reply.
To make sure it is vieawable you should nest it between two lines of three backticks like the example here:

```
Copy code in the middle
```

6

do you mean like this?:[quote=“fateyhabegum, post:1, topic:756443”]

    <meta charset="UTF-8" />
    <meta name="viewport" />
    <meta content="width=device-width" />
    <meta intial-scale="1.0"/>

[/quote]

7

yes, you showed us the code properly.

However this code here is still wrong.

Try to look up on google this search term “HTML meta viewport tag” and see what you get

1 Like
8

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