Responsive Stats preview card component
Design comparison
Solution retrospective
Hello, this was my solution for this project. I used flex-box and grid properties in the layout. I would appreciate your rating and feedback on what I can improve or corrections to make.
Community feedback
- @guiklosePosted almost 2 years ago
Hii, you did a great work here, congratulations!
I have some suggestions about your css file, i saw that one person already said about the html, so i'll focus in the style sheet.
- I noticed that your css file has a lot of repetitive stuff, maybe it's good to learn about preprocessors or some css library - sass or bootstrap, respectively -. With it, you'll be able to create more reusable, coesive and readable css codes.
These are just some tips, i'm still learning too, you did great job buddy! 😎😎
Marked as helpful0@GenildocsPosted almost 2 years ago@Guilherme-K-Santos Thanks for the tips, I'll start using sass in the next projects.
1 - @frank-itachiPosted almost 2 years ago
Hello there 👋. You did a good job!
I have some suggestions about your code that might interest you.
HTML 📄:
- Since the mobile design has a different image, you can use the
<picture>tag that allows you to interchange the images depending of the viewport size. Red more about this awesome tag here
I hope you find it useful! 😁😁 Above all, the solution you submitted is great👌!
Happy
<coding />😎!Marked as helpful0@GenildocsPosted almost 2 years ago@frank-itachi Thank you for the tips.
0 - Since the mobile design has a different image, you can use the
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