Design comparison
SolutionDesign
Community feedback
- @BlackpachamamePosted 10 months ago
¿Qué tal Ivan? ¡Tu solución es muy buena!
Solo puedo mencionarte un detalle con respecto a la imagen. Si lo analizas un poco, vas a ver que a penas sobresale del
padding
de la card. Esto es porque le añadiste unwidth
fijo y, en este caso, se pasa del límite. Para solucionar esto podes poner unmax-width: 100%
en lugar delwidth
. Aunque como notarás, luego tendrás que hacer unos ajustes en elheight
de la card..main-container { max-width: 330px; min-height: 460px; /* Reemplazar width y height por lo de arriba, el resto dejarlo tal cual */ /* Con min-height y max-width se va a adaptar mejor */ }
Marked as helpful0@ivan2600Posted 10 months agoGracias Marcos, apliqué los cambios y se solucionó el problema.
1
Please log in to post a comment
Log in with GitHubJoin 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