Learn Basic CSS by Building a Cafe Menu - Step 17

Tell us what’s happening:
Describe your issue in detail here.I don’t know what i’m doing wrong here. Your meta element should have a content attribute with a value of width=device-width, initial-scale=1.0 .
Your code so far

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

<!-- User Editable Region -->

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

    <title>Cafe Menu</title>
    <link href="styles.css" rel="stylesheet"/>

<!-- User Editable Region -->

      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
/* file: styles.css */
h1, h2, p {
  text-align: center;

Your browser information:

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

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 17

Link to the challenge:

remove this quote symbol as it is causing the attribute ‘content’ to not be valid.

Can you explain a little more about this, so I can understand what caused the code to be invalid

the instructions were to add this line of code:

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

You added this line but then added an extra quote in between the last equal sign and the 1

This made the content attribute invalid because the extra quote ended the content attribute too early (it ended where you placed the second quote instead of after the 1.0 value)

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