CSS
.presentacion {
display: flex;
align-items: center;
}
CSS
.presentacion {
display: flex;
align-items: center;
}
¡Hola Carla, espero que estés bien!
Parece que estás trabajando en una actividad donde necesitas alinear elementos usando Flexbox en CSS. Según el contexto de la actividad, ya has creado una clase llamada "presentacion" en tu archivo HTML y has aplicado las propiedades de Flexbox en CSS.
Tu código CSS se ve bien:
.presentacion {
display: flex;
align-items: center;
}
Este código está configurado para alinear los elementos que están dentro de la clase "presentacion" en el eje vertical, centrándolos. Asegúrate de que tu estructura HTML esté configurada correctamente, como se indica en el ejercicio, con la clase aplicada al elemento <main>
, por ejemplo:
<main class="presentacion">
<!-- Aquí van tus elementos -->
</main>
Si todo está configurado de esta manera, deberías ver los elementos dentro de <main>
alineados verticalmente al centro. Si no estás viendo el resultado esperado, verifica que no haya errores de sintaxis en tu HTML o CSS y que ambos archivos estén correctamente vinculados.
Espero ter ayudado y bons estudos!