---
id: 615389bd81347947ea7ba896
title: Step 11
challengeType: 0
dashedName: step-11
---
# --description--
Flexbox is a one-dimensional CSS layout approach that focuses on the flow of content. It offers the ability to control the way items are spaced and aligned within a container.
To set an element to use Flexbox, you give it a `display` property set to `flex`. Create a `#gallery` selector and give it that property.
# --hints--
You should have a `#gallery` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('#gallery'));
```
Your `#gallery` selector should have a `display` property set to `flex`.
```js
assert(new __helpers.CSSHelp(document).getStyle('#gallery')?.display === 'flex');
```
# --seed--
## --seed-contents--
```html
Photo Gallery
