Step4 CSS FLEXBOX PHOTO GALLERY can't pass

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

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Photo Gallery</title>
  <link rel="stylesheet" href="./styles.css">
</head>
<body>
  <div class="header"></div><header><h1 text="CSS FLEXBOX PHOTO GALLERY">CSS FLEXBOX PHOTO GALLERY</h1></header>
</body>
</html>
/* file: styles.css */

  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 10; itel W6503) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.181 Mobile Safari/537.36

Challenge: Step 4

Link to the challenge:

“Inside the .header element…”

This means inside the div you created with class set to header. This does not mean to add a <header> element.

But the instructions says inside the .header nest h1 element with the text CSS FLEXBOX PHOTO GALLERY

Do you see the period (or dot) before “header”? That means it is referring to a class on an element, not the element itself. So the instructions are referring to the element with class="header" not an actual <header> element.