Solucionado
En el minuto 9:30 el profe aplica un align-items:center para centrar la lista de patrocinadores, yo directamente elimine esa linea de codigo y me quedaron igualmente centrados los items. Esta bien lo que hice o fue de pura casualidad que me quedaron igual? Gracias
Hola Mauricio, espero que estés bien.
Cuando se aplica align-items: center , los elementos hijos dentro del contenedor se alinearán verticalmente en el centro del eje transversal, es decir, en sentido vertical si flex-direction está establecido en row.
Por ejemplo, si tenemos un contenedor con 3 elementos hijo, al aplicar align-items: center , los elementos se alinearán en el centro vertical del contenedor, independientemente de su altura o tamaño. Si alguno de los elementos tiene una altura o tamaño diferente a los demás, esto puede generar un espacio extra encima y debajo de los elementos para mantenerlos centrados.
Ya con justify-content: center, por ejemplo, si el contenedor tiene un eje principal horizontal (es decir, flex-direction: row), los elementos se alinearán en el centro de ese eje, y si el contenedor tiene un eje principal vertical (es decir, flex-direction: column), los elementos se alinearán en el centro de ese eje.
Si eliminaste la propiedad align-items: center; y aún así los elementos se mantienen centrados verticalmente, es posible que haya otra propiedad CSS en tu código que esté haciendo el trabajo. Por ejemplo, puede ser que los elementos estén dentro de un contenedor que ya tiene una propiedad de alineación vertical, como display: flex; justify-content: center; . En este caso, los elementos dentro del contenedor se centrarían automáticamente sin necesidad de agregar la propiedad align-items: center; .
En general, es una buena práctica revisar todo el código relacionado con el elemento que estás modificando para asegurarte de que comprendes completamente cómo está diseñada la página y cómo se están aplicando las propiedades CSS. Esto puede ayudarte a evitar problemas y asegurarte de que estás haciendo los cambios adecuados.
Si tienes alguna duda, no dejes de preguntar. ¡Estamos aquí para ayudarte!.
¡Saludos!
Hola Mauricio, espero que estés bien!
Esto sucedió debido a la configuración predeterminada de su navegador. Pero puede ser que los elementos no siempre estén alineados sin esta línea de comando. ¡Muchas gracias por su contribución! Siempre recomiendo poner la etiqueta :align-items:center , es una buena práctica en programación para que tu código esté siempre bien estructurado. ¡Para cualquier duda, estoy disponible! Nos alegra mucho tu entusiamo, te deseamos exito en esta nueva aventura, que puedas sacar el maximo provecho! ¡Vamos juntos! ¡No desanimes! :)