Learn Accessibility by Building a Quiz - Step 3

Tell us what’s happening:

Describe your issue in detail here.
I have tried several ways to insert the meta tags necessary for this and no matter which way I go about it, I cannot pass this level which is really frustrating. I have put the meta tags in the head, I have put them under the head, I have combined them and made 2 separate meta tags and it keeps telling me I am wrong so can someone else please take a look at this? I’m ready to blow off programming today.

Your code so far

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

<!-- User Editable Region -->

  <head <meta content width="device-width" initial-scale="1" />>
    <meta name="viewport">
    <meta charset="UTF-8" />
    <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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 3

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

Welcome back to FFC forum. Looks carefully. You should have your meta tag between your head opening and closing tags. You placed it within head opening tag. And also you Added it in two parts.
@amber.m1678

I know but when I added the 2 together and placed it under the opening head tag it still said I was wrong

So I don’t know what to do

Your content attribute value is have the quotation marks in wrong order. And also your content attribute value have wrong spacing.

okay kinda confusing on what you are trying to say here. What do you mean by wrong order and wrong spacing? I need someone whose native language is english

Example

<meta attribute="value" attribute="value=value-value, value-value=value">

I mean your Code within meta tag is not correctly typed.

wrong photo hold on give me one second to get the right one

Don’t post screen shots. Copy your code and paste it with three ``` Back ticks in a separate line before and after your code.

As seen here that didn’t work

<meta attribute="value" attribute="value=value-value, value-value=value">

You need to add name viewport Content width device width initial scale 1. Same as in the example.

2 Likes

I would suggest you look back at a project you have already completed to see how to add these elements. For example, Learn CSS Flexbox by Building a Photo Gallery, Step 24.

2 Likes

okay but if it doesn’t work I will be back

Okay. Best of luck. Happy Coding!

1 Like

FYI, posting pics of code in here is not as helpful as pasting in your actual code because it doesn’t allow us to easily test your code. Please use the following triple back tick method to paste your code.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

1 Like

I can do that and thanks for the tip. I saw where and what my mistake was. Thank you, it was actually helpful

1 Like

Please don’t be rude to people who are trying to help you. If you don’t understand something, that’s fine to ask for clarification.

2 Likes

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