freeCodeCamp.org

HTML-CSS
1

Step 14

Flexbox is a one-dimensional CSS layout that can control the way items are spaced out and aligned within a container.

To use it, give an element a display property of flex. This will make the element a flex container. Any direct children of a flex container are called flex items.

Create a .gallery selector and make it a flex container.

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: sans-serif;
  background: #f5f6f7;
}

.header {
  text-align: center;
  text-transform: uppercase;
  padding: 32px;
  background-color: #0a0a23;
  color: #fff;
  border-bottom: 4px solid #fdb347;

.gallery {
  display: flex;
}

.gallery img {
  width: 100%;
  max-width: 350px;
  height: 300px;
}

they’re literally asking me to create a .gallery sector and add “display: flex;” which I’ve done. But I cannot proceed to next step.

What’s the issue with this?

1 Like
2

Hello fellow coder!
You’ve forgotten to add a closing curly bracket to your .header styling. That should fix it. Your .gallery styling is correct.
Happy coding!
Nicolas

1 Like
3

thank you
easy mistake :confused:

2 Likes
4

Don’t worry - I’ve had hundreds of those! :wink:

5

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