Hagamos lo que hicimos

Hola, Nini, espero que estés bien

Parece que estás trabajando con Flexbox para alinear elementos en CSS. Según las imágenes que compartiste y el contexto de la actividad, parece que ya tienes el código HTML y CSS configurado correctamente.

Aquí hay algunas cosas que podrías verificar:

1. Estructura HTML: Asegúrate de que todos los elementos que deseas alinear estén dentro del contenedor <main class="presentacion">. Esto es importante porque el estilo Flexbox se aplica a los elementos hijos de este contenedor.

2. Propiedades CSS:

   • display: flex; convierte el contenedor en un contenedor flex, lo que permite alinear sus elementos hijos.
   • align-items: center; centra verticalmente los elementos dentro del contenedor.

3. Alineación Horizontal: Si también deseas centrar los elementos horizontalmente, podrías agregar justify-content: center; al CSS de .presentacion.

Aquí tienes un ejemplo de cómo podría verse:

.presentacion {
    display: flex;
    align-items: center;
    justify-content: center; /* Centra los elementos horizontalmente */
}

1. Verificación Visual: Asegúrate de que los cambios se reflejen en tu navegador. A veces, es necesario recargar la página o borrar el caché para ver las actualizaciones.

Espero que esto te ayude a resolver el problema. ¡Bons estudios!