Learn CSS Flexbox by Building a Photo Gallery - Step 4

HTML-CSS
1

Tell us what’s happening:

I’m having trouble with this problem in the code. Would someone be able to help me with this? If so, I’d really appreciate it.

Your code so far

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



<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flexbox Photo Gallery</title>
    <style>
        .header {
            text-align: center;
            background-color: #333;
            color: white;
            padding: 20px;
        }

        .header h1 {
            margin: 0;
        }
    </style>
</head>
<body>
    <header class="header">
        <h1><text>CSS Flexbox Photo Gallery</text></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

Challenge Information:

Learn CSS Flexbox by Building a Photo Gallery - Step 4

2

There is no such thing as a text element like you put here. When it says text in the directions it means the words that need to be between your h1 tags

3

Thanks for clarifying. I thought for some reason there was.

4

Figured it out. Happy coding.

5

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