Build a Bookstore Page - Step 3

HTML-CSS
1

Tell us what’s happening:

it says my code doesn’t have the viewport meta and to i think it does

Your code so far

<!DOCTYPE html>

<!-- User Editable Region -->

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" 
  content="width=device-width,initial-scale=1.0>"
  <title>XYZ Bookstore Page</title>
</head>
<body></body>

</html>

<!-- User Editable Region -->

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36

Challenge Information:

Build a Bookstore Page - Step 3

2

Welcome to the forum community @elizabethsuwa !

image
image496×233 13.6 KB

The opening title tag have a different color than the other tags.
What do you think, why is that?

3

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

Look closely at what you wrote compared to the example given. You have a bit of a syntax error there at the end of that meta tag.

4

Welcome to the forum @elizabethsuwa!

Your both meta elements are not ended correctly. Check the ending. Remember all html elements closing tag should have /. You are missing that.

  1. charset meta element does not have closing tag

<meta charset="UTF-8" />
3. Move the double quotes before ‘>’ closing tag. and add the proper closing tag.

5

Do not write solution code for users please.

Also, not that the /> (instead of just >) on elements without ’ closing tag is optional, not mandatory.

1 Like