Learn CSS Flexbox by Building a Photo Gallery - Step 2

Tell us what’s happening:
I can’t get pass step 2 which tasks me with: " 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.

Also add a meta tag with the charset set to UTF-8."

I checked spelling, tags, nesting, but it seems I am missing something as I can’t get past this step. See my code. Much appreciated even if you point in some direction.

Your code so far

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

<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width" initial-scale="1">
    <meta charset="UTF-8">
  </head>
  <body>
  </body>
</html>

<!-- User Editable Region -->

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:108.0) Gecko/20100101 Firefox/108.0

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

Link to the challenge:

You have too many quotes here.
Take away the two middle ones (leave the ones next to the equal and to the right of the 1

Also you are missing a comma to the right of the word width

'width=device-width, initial-scale=1' should all be the value of content. initial-scale is not its own property.

Thank you! I had tried that initially but must have left an extra quote in there so I thought I was wrong and made the initial-scale separate thinking that was it. I was reading everything backwards thinking I must have misspelled something, but it was the quote marks that took me out. I am humbled.

1 Like

Thank you for responding! You and hbar1st made me see the error of my ways…
Very helpful - thanks again!

1 Like