Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Solución Stats preview card

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hola todos.

Queria pedirles ayuda en este proyecto con el manejo de una imagen SVG, la cual cuando la pantalla cambia a la de un movil, la imagen SVG no se ajusta.

Alguien me puede ayudar con este problema, necesito algo de ayuda.

Community feedback

@LeonardoMancilha

Posted

Hola, Carlos!

La solución para que la imagen svg se ajuste es eliminar el tamaño de fondo: contiene en la línea 141 de su archivo styles.css:

@media (max-width: 411px) .stats_img { grid-row: 1/2; background-image: url(../images/image-header-mobile.jpg); background-size: contain; // aquí }

Creo que esto resolverá tu problema.

Si lo desea, también puede eliminar el tamaño de fuente del cuerpo:

body { font-size: 15px; }

¿Resolví tu problema?

Marked as helpful

0

@camaflo87

Posted

@LeonardoMancilha Gracias, tenias razón. Aunque aun no me queda claro por que fallaba.

Pero gracias!!!!!!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord