responsive stat preview using CSS and HTML only
Design comparison
Solution retrospective
i am having difficulty in adjusting the color for the image. i know that using css filter will do the trick, but i don't know for sure which filter is suitable for this project
Community feedback
- @imfabraPosted over 3 years ago
Hello, I am not doing very well with English, but with the property "mix-blend-mode" you can achieve it, I'll give you the documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode
You can see how I apply it in my solution: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt
1 - @minthingPosted over 3 years ago
Hello, Azzy! Nice Work! ✨
I'm not good at English too... but here is my suggestion!
when display size is around 1200px, the section part are not in center so i think it's better to give
width(like 200px)
.section
and givemargin: 0 auto
and.section > p{text-align:center}
and give
margin : 0 auto
to p under titleHappy Coding! :)
0@azzykesumaPosted over 3 years ago@minthing yeah when i checked the 1200px width, the design is a mess because the challenge is set only for mobile and 1440px. thank you for the advice :)
0
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