---
id: 587d78ab367417b2b2512af3
title: Apply the flex-direction Property to Create Rows in the Tweet Embed
challengeType: 0
videoUrl: 'https://scrimba.com/p/pVaDAv/cJb8yuq'
forumTopicId: 301104
dashedName: apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed
---
# --description--
The `header` and `footer` in the tweet embed example have child items that could be arranged as rows using the `flex-direction` property. This tells CSS to align the children horizontally.
# --instructions--
Add the CSS property `flex-direction` to both the `header` and `footer` and set the value to `row`.
# --hints--
Your `.follow-btn` should be rendered on the page. Be sure to turn off any extensions such as ad blockers.
```js
assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
```
The `header` should have a `flex-direction` property set to `row`.
```js
assert(code.match(/header\s*?{[^}]*?flex-direction:\s*?row;/g));
```
The `footer` should have a `flex-direction` property set to `row`.
```js
assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
```
# --seed--
## --seed-contents--
```html
Quincy Larson
@ossia
I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.
1:32 PM - 12 Jan 2018I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.
1:32 PM - 12 Jan 2018