Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
2
respuestas

[Duda] El justify-content desborda los elementos del contenedor

Hola!

Tengo una duda. He seguido el código del curso la parte del footer con flexbox, aplicando el siguiente código

.rodapePrincipal-patrocinadores .container {
    display: flex;
    align-items: center;
    justify-content: space-between; /*Necesito un espacio entre los elementos*/
}

.rodapePrincipal-patrocinadores-list {
    display: flex;
    justify-content: space-around;
    align-items: center;/*Necesito una alineación de los items, están desalinedos*/
    width: 70%; /*Necesito un espacio entre ellos*/
    margin-right: 5%;
}


.rodapePrincipal-contatoForm {
    width: 25%; /*Reparto el tamaño*/
}

Pero el space-around hace que el tercer logo se desborde de su contenedor. ¿A qué se debe esto?¿Cómo solucionarlo?

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

2 respuestas
solución!

Hola, es muy extraño que te salga eso. He probado tu código, no me sale ningún error. ¿Haz probado desactivando la cache y/o reabrir la página? Desactivar la cache es fácil. En Developer tools, ve a la pestaña Network y luego activa Disable Cache. O tal vez se deba al ancho de tu monitor, me he dado cuenta que en monitor de 16", sin abrir el inpector todo ok, pero al abrir el inspector se desborda. Espero esto te sirva ;-)

Claro!! Cuándo achico la pantalla al abrir el inspector comienza a desbordar. TIene problemas al achicar la pantalla, pero cuándo quito el inspector de elementos funciona bien.

Gracias!!!