Learn CSS Flexbox by Building a Photo Gallery - Step 4

Tell us what’s happening:
Describe your issue in detail here.
I don’t know what I’m doing wrong
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head lang="en">
    <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>
    <header class="header" h1 href="css flexbox photo gallery"></header>
  </body>
</html>
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

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

Link to the challenge:

when they say “inside the header element create an h1 element” they mean that the new h1 element should be nested Example of nesting:

<body>
  <p>this is a nested element</p>
</body>

The other thing you need to remember is what an h1 element is all about.
(recall step 1 and step 2 of cat photo app)

When you are asked to add text to an h1 element, that means the words are meant to go between the opening and closing tags (not inside the tags)

1 Like

I got it, you’re awesome wohooo! :slight_smile: :slight_smile:

1 Like