Learn CSS Flexbox by Building a Photo Gallery - Step 2

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
The following says I should have two meta elements.

Your code so far

<meta charset="UTF-8" <meta name="viewport" content="width-device-width," initial-scale="1" 
<!-- 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 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

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

Link to the challenge:

2

You haven’t closed off the second one, which is why it’s not being recognised. Oh actually, you haven’t closed off the first one either. You need > on both.

3

But isn’t the meta element self closing?

4

Yes, but self-closing means that you don’t need a separate closing tag.
EXAMPLE:

<p>this is not a self-closing element</p>
<img alt="this is a self-closing element">

Every tag always needs < and >.

5

Thanks for the help! I also found another error. content=“width-device-width,” initial-scale=“1” should be