Learn CSS Flexbox by Building a Photo Gallery - Step 2

Tell us what’s happening:
Describe your issue in detail here.

Step 2

Within your head element, add a meta tag with the name set to viewport and the content set to width=device-width, initial-scale=1.

Cannot see what is wrong with my code. This portion here:
meta name=“viewport” content=“width=device-width” initial-scale=“1.0”
Not sure how much detail I need to give but the error shows up saying I need those values pretty clear. I’m stuck.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width" initial-scale="1.0">
<meta charset="UTF-8">
</head>
<body>
</body>
</html>
/* file: styles.css */

  **Your browser information:**

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

Challenge: Learn CSS Flexbox by Building a Photo Gallery - Step 2

Link to the challenge:

your content tag is not setup properly, it needs to be
content=“width=device-width, initial-scale=1”

Thank you very much. I do remember seeing that format now. That worked.

1 Like