You should have two meta elements (stack in first step)

I have my two meta elements and clearly my code is right but keep asking me: “You should have two meta elements.”

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Balance Sheet</title>
    <link rel="stylesheet"  href="styles.css">
/* file: styles.css */

  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:101.0) Gecko/20100101 Firefox/101.0

Challenge: Step 1

Link to the challenge:

this one has the wrong value, maybe is that the issue?

I tried

meta charset="UTF-8" /
meta name="viewport" content="width=device-width, initial-scale=1.0" /

and it keeps asking me I need two.

I’ve edited your post for readability. 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.

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

I put in the code you first posted and it says

One meta element should have a name set to viewport, and content set to width=device-width, initial-scale=1.0.

Make sure you don’t have any browser extension that interferes, that your browser is completely updated, or try a different browser.

It was an extension I was using.

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