En la página de combates, las imágenes de los boxeadores superponen parte del header y de la sección de características, afectando la visibilidad y el diseño de la página.
Problema solucionado
Soluciona el problema de superposición visual en la página de combates donde las imágenes de los boxeadores interfieren con otras secciones.
Afectaba a la visibilidad del botón hamburguesa (del menú) en dispositivos móviles haciendo imposible verlo y usarlo, la etiqueta "vendidas" de Entradas en ordenadores y texto de la sección de características de los boxeadores.
Cambios propuestos
He agregado un z-index de -10 al div de imágenes de los boxeadores para prevenir que estas sobresalgan sobre el header.
Esta solución no afecta a otros componentes de la interfaz al cambiar la superposición.
Capturas de pantalla [diferentes resoluciones]
ANTES
DESPUÉS
Comprobación de cambios
[x] He revisado que no haya ninguna PR (pull request) ya abierta con un problema similar, siguiendo el apartado de buenas prácticas
[x] He revisado localmente los cambios para asegurarme de que no haya errores ni problemas.
[x] He probado estos cambios en múltiples dispositivos y navegadores para asegurarme de que la landing page se vea y funcione correctamente.
[x] He actualizado la documentación, si corresponde.
Descripción
En la página de combates, las imágenes de los boxeadores superponen parte del header y de la sección de características, afectando la visibilidad y el diseño de la página.
Problema solucionado
Soluciona el problema de superposición visual en la página de combates donde las imágenes de los boxeadores interfieren con otras secciones. Afectaba a la visibilidad del botón hamburguesa (del menú) en dispositivos móviles haciendo imposible verlo y usarlo, la etiqueta "vendidas" de Entradas en ordenadores y texto de la sección de características de los boxeadores.
Cambios propuestos
He agregado un z-index de -10 al div de imágenes de los boxeadores para prevenir que estas sobresalgan sobre el header. Esta solución no afecta a otros componentes de la interfaz al cambiar la superposición.
Capturas de pantalla [diferentes resoluciones]
ANTES
DESPUÉS
Comprobación de cambios