1.1 KiB
1.1 KiB
| title | localeTitle |
|---|---|
| Add Flex Superpowers to the Tweet Embed | Adicione Superpotências Flex ao Tweet Incorporado |
Adicione Superpotências Flex ao Tweet Incorporado
Com base no desafio anterior , você precisará adicionar a propriedade aos seletores certos. Aqui o truque é identificar o seletor certo, então tudo o que você precisa para adicionar o display: flex; propriedade.
O cabeçalho garantirá que os botões de imagem, nome, manuseio e acompanhamento sejam reposicionados horizontalmente.
header {
display: flex;
}
Alinha o nome e o identificador para parecer uma frase.
header .profile-name {
display:flex;
margin-left: 10px;
}
Adicionar a propriedade ao botão seguir junto com a margem centralizará o botão no tamanho correto.
header .follow-btn {
display:flex;
margin: 0 0 0 auto;
}
A mesma ideia é usada nos elementos de rodapé.