Learn CSS Flexbox by Building a Photo Gallery - Step 4

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
Below is my code after many attempts, and I can’t figure out what I’m doing wrong.
I put the class in the header, then the CSS flexbox photo gallery text into the h1 element and I came up wrong, even though I tried different ways that I know were wrong.
Please help!

Your code so far

<!-- file: index.html -->

<!-- User Editable Region -->

<!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>ccs flexbox photo gallery</h1>
    </header>
  </body>
</html>

<!-- User Editable Region -->


/* 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/121.0.0.0 Safari/537.36 Edg/121.0.0.0

Challenge Information:

Learn CSS Flexbox by Building a Photo Gallery - Step 4

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Hello, @adonisjackson825
You made a typo. Double-check your text.

1 Like
4

@adonisjackson825
Daphne is correct that you have a spelling error.

To narrow it down for you, look within your h1 tag and that’s where you will find your spelling error.

– Happy Coding!

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.