I used flexbox and media queries for the mobile design.
Design comparison
Solution retrospective
The most dificult part was the responsive one. I still not feel 100% confident enough. But overall I think I managed to make it responsive. Also I was not so sure how to do the purple overlar on top of the image. Any advice for that would be welcome.
Community feedback
- @imfabraPosted over 3 years ago
Hola, te quedo muy bien. para que el color quede los mas parecido puedes usar mix-blend-mode, te dejo la documentación: https://developer.mozilla.org/es/docs/Web/CSS/mix-blend-mode
También te invito a mirar la solución que le di a este ejercicio y dejar tu comentario: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt
¡Sigamos codificando!
0@IsaiStormBlesedPosted over 3 years ago@DanielFabra Gracias bro por el dato del mix-blend. Me pasare por tu solucion.
0 - @palgrammingPosted over 3 years ago
your results looks good when I changed your media query to 1000px between your current setting and 1000px look at the margins around the layout on the left and the right and how some of the layout goes off screen
but you did really good and it was almost 100%
0@IsaiStormBlesedPosted over 3 years ago@palgramming Indeed the mobile responsive part is the most confusing for me. I should keep on practicing. Thx bro.
0
Please log in to post a comment
Log in with GitHub
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