Learn Accessibility by Building a Quiz - Step 3

HTML-CSS
1

Continuing with the meta elements, a viewport definition tells the browser how to render the page. Including one betters visual accessibility on mobile, and improves SEO (search engine optimization).

Add a viewport definition with a content attribute detailing the width and initial-scale of the page.
Your code so far

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

<!-- User Editable Region -->

<html lang="en">
  <head>
    <meta/>
    <meta charset="UTF-8"/>
    <meta name="viewport"/>
    <meta content="width=device-width intial-scale=1"/>

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

<!-- User Editable Region -->

  <body>

  </body>
</html>
2

These two should be one meta tag not separate

1 Like
3

it’s keep on saying it should give meta the content attribute.

4

What does your new code look like

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

5

Hello!
Leader @Cody_Biggs has provided the code showing the attribute content in

I think he was saying it needs to be combined into a single meta element with both the name attribute and content attribute with their respective values.

Happy coding! :slight_smile:

6

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