Learn More About CSS Pseudo Selectors by Building A Balance Sheet - Step 1

HTML-CSS
1

Tell us what’s happening:

It keeps saying “One meta element should have a name set to viewport, and content set to width=device-width, initial-scale=1.0.” What
am i doing wrong?

Your code so far

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

<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en"></html>
<head>
  <meta name="viewport"><meta content="width"="device-width",initial-scale="1.0">
  <title></title>
  <link href=>
</head>
<body></body>

<!-- User Editable Region -->


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:129.0) Gecko/20100101 Firefox/129.0

Challenge Information:

Learn More About CSS Pseudo Selectors by Building A Balance Sheet - Step 1

2

you should not create a second meta, isntead you need one that has both a name and a content attribute. Also, width=device-width, initial-scale=1.0 is all the value for content, don’t break it into pieces

1 Like
3

im doing that and it says i still need 2 meta elements

4

show your code please

5 

<html lang="en"></html>

<head>

<meta name="viewport",meta content="width"="device-width",initial-scale="1.0">

<title></title>

<link href=>

</head>

<body></body>
6

this is quite wrong. remove the ,meta part

here you need double quotes before width and after 1.0, remove all others

the </html> goes after all elements, as everything needs to go inside the html element

you are missing the meta with charset attribute

this is missing the href value

this is missing content

you are also missing the DOCTYPE declaration

2 Likes
7

unless i am missing something after making the changes it did not make a difference would you like to see my updated code?

8

Yes, post your updated code please

9 
<html lang="en"></html>
<head>"
  <meta name="viewport",""content="width=device-width",initial-scale="1.0"">
  <meta charset="utf-8">
  <title>Balance Sheet</title>
  <link href="https://www.freecodecamp.org/learn">
</head>
<body></body>
10

Go through this again, you got some but missed some:

Look at an example of how to do the viewport:
https://www.w3schools.com/css/css_rwd_viewport.asp

1 Like
11

thank you so much :+1:t6:

1 Like