1.1 KiB
1.1 KiB
title | localeTitle |
---|---|
Add Flex Superpowers to the Tweet Embed | Añadir Flex Superpowers al Tweet Insertar |
Añadir Flex Superpowers al Tweet Insertar
Sobre la base del desafío anterior , deberá agregar la propiedad a los selectores correctos. Aquí el truco es identificar el selector correcto y todo lo que necesita para agregar la pantalla: flex; propiedad.
El encabezado asegurará que los botones de imagen, nombre, control y seguimiento se reposicionen horizontalmente.
header {
display: flex;
}
Alinea el nombre y la manija para mirar como una oración.
header .profile-name {
display:flex;
margin-left: 10px;
}
Agregar la propiedad al botón de seguimiento junto con el margen centrará el botón en el tamaño correcto.
header .follow-btn {
display:flex;
margin: 0 0 0 auto;
}
La misma idea se utiliza en los elementos del pie de página.