Learn CSS Flexbox by Building a Photo Gallery - Step 4

Tell us what’s happening:
I don’t understand what i have done wrong, here. This step requires the .header to have an h1 element .

  **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"><h1>CSS FLEXBOX PHOTO GALLERY</h1>
  </div>
</body>
</html>
/* file: styles.css */
.header h1 {}
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

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

Link to the challenge:

Try to write it lower case as instructed

The instructed text is in all caps.

1 Like

This doesn’t seem all caps to me

Inside the header , create an h1 with css flexbox photo gallery as the text.

The challenge has been updated and you might have an old version in your cache. Clear your cache and do a hard refresh Shift + F5