Desafío: hora de practicar

¡Hola Estudiante, espero que estés bien!

Parece que estás trabajando en un ejercicio sobre Flexbox en CSS. Por lo que veo en tu archivo style.css, ya has aplicado correctamente la clase .presentacion con display: flex y align-items: center. Esto debería centrar verticalmente los elementos dentro del contenedor con la clase presentacion.

Si estás teniendo problemas con el centrado o el diseño, aquí hay algunos puntos que podrías revisar:

1. HTML Correcto: Asegúrate de que la clase presentacion esté aplicada al contenedor correcto en tu archivo HTML. Debería verse algo así:

   <main class="presentacion">
       <!-- Otros elementos aquí -->
   </main>
   

2. Centrado Horizontal: Si también deseas centrar los elementos horizontalmente, puedes agregar justify-content: center; a tu clase .presentacion:

   .presentacion {
       display: flex;
       align-items: center;
       justify-content: center;
   }
   

3. Verifica el Tamaño del Contenedor: Asegúrate de que el contenedor main tenga suficiente altura para mostrar el efecto de centrado vertical. Puedes establecer una altura mínima si es necesario:

   .presentacion {
       display: flex;
       align-items: center;
       justify-content: center;
       min-height: 100vh; /* Esto asegura que el contenedor ocupe al menos toda la altura de la ventana */
   }
   

4. Revisa el HTML y CSS: Asegúrate de que no haya errores tipográficos en tu HTML y CSS.

Espero que estas sugerencias te ayuden a resolver el problema. ¡Bons estudios!