Learn CSS Flexbox by Building a Photo Gallery - Step 2

Tell us what’s happening:
Describe your issue in detail here.
hello please i need help in the situation

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.

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

</head>
<body>
</body>
</html>
/* file: styles.css */

  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:104.0) Gecko/20100101 Firefox/104.0

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

Link to the challenge:

Hi,

The exercise begins with the following instructions:
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 .

And here is your code for convenience:

I will now re-format the instructions here to make it clear which step I believe you have followed and which you have not.

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

Do you see how the word content is written in a slightly different way, almost highlighted? This is because it needs to be in your answer. But your new line of code doesn’t have it.

So at this point, what do you think you can do differently?