freeCodeCamp/guide/spanish/certifications/responsive-web-design/css-flexbox/add-flex-superpowers-to-the.../index.md

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.