---
id: 6153908a366afb4d57185c8d
title: Step 12
challengeType: 0
dashedName: step-12
---
# --description--
Flexbox can be thought of as having two axes, the main axis and the cross axis. The main axis is determined by the `flex-direction` property. If `flex-direction` is set to `row` or `row-reverse`, the main axis is horizontal. If `flex-direction` is set to `column` or `column-reverse`, the main axis is vertical.
Give your `#gallery` selector a `flex-direction` property set to `row`.
# --hints--
Your `#gallery` selector should have a `flex-direction` property set to `row`.
```js
assert(new __helpers.CSSHelp(document).getStyle('#gallery')?.flexDirection === 'row');
```
# --seed--
## --seed-contents--
```html
Photo Gallery
