Learn Accessibility by Building a Quiz - Step 3

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

   **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" >
   <meta content="width=device-width,initial-scale=1.0"> 
 </head>
 <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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 3

Link to the challenge:

2

Hi! @vishal007 can you tell us what’s happening?

3

I will add meta element but showing "

Test
Sorry, your code does not pass. Don’t give up.

Hint
You should create another meta element in the head."

5

The meta element usually has two attribute: the name attribute and the content attribute.

From the code you’ve write in the post, it is not showing a proper use of meta.
It should be like this

<meta name="..." content="...">

and not

   <meta name="..." >
   <meta content="...">

Try removing the third meta and see the next hint :grin:

The types of data that is being held in the meta also has a specific syntax to be followed.
More info on this: Viewport meta tag - HTML: HyperText Markup Language | MDN

Hope that helps :pray:

1 Like
6

Thank You @alfonsusac

7

No problem… Does it work for you? If it worked dont forget to mark the comment as Answered It would help a lot :pray:

8

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