---
id: 587d78ab367417b2b2512af1
title: Usar os superpoderes do CSS Flexbox no Tweet Embed
challengeType: 0
videoUrl: 'https://scrimba.com/p/pVaDAv/c9W7MhM'
forumTopicId: 301100
dashedName: add-flex-superpowers-to-the-tweet-embed
---
# --description--
À direita está um tweet que será utilizado como exemplo prático. Alguns dos elementos ficariam melhores com um layout diferente. O último desafio apresentou a propriedade `display: flex`. Neste desafio, você vai adicioná-lo a vários componentes do tweet para começar a ajustar a posição deles.
# --instructions--
Adicione a propriedade `display: flex` a todos os itens a seguir - note que os seletores já estão definidos no CSS:
`header`, `.profile-name`, `.follow-btn`, `h3`, `h4`, `footer` e `.stats`.
# --hints--
O elemento de classe `.follow-btn` deve aparecer renderizado na página. Lembre-se de desativar quaisquer extensões do tipo bloqueadores de anúncios.
```js
assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
```
O elemento `header` deve ter a propriedade `display` definida com o valor de `flex`.
```js
assert($('header').css('display') == 'flex');
```
O elemento `footer` deve ter a propriedade `display` definida com o valor de `flex`.
```js
assert($('footer').css('display') == 'flex');
```
O elemento `h3` deve ter a propriedade `display` definida com o valor de `flex`.
```js
assert($('h3').css('display') == 'flex');
```
O elemento `h4` deve ter a propriedade `display` definida com o valor de `flex`.
```js
assert($('h4').css('display') == 'flex');
```
O elemento de classe `.profile-name` deve ter a propriedade `display` definida com o valor de `flex`.
```js
assert($('.profile-name').css('display') == 'flex');
```
O elemento de classe `.follow-btn` deve ter a propriedade `display` definida com o valor de `flex`.
```js
assert($('.follow-btn').css('display') == 'flex');
```
O elemento de classe `.stats` deve ter a propriedade `display` definida com o valor de `flex`.
```js
assert($('.stats').css('display') == 'flex');
```
# --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