Web responsive Stats Preview Card [ SEMANTIC MARKUP - FLEXBOX - BEM ]
Design comparison
Community feedback
- @F4YYPosted over 1 year ago
Hi @ravenbbs,
Congratulations on successfully completing the challenge. You did very well.
There is a recommendation for better optimization of display results on mobile and tablet screens.
Inside the Container class in CSS use min-height: 100vh instead of height. Setting the height to 100vh may result in the component being cut off on smaller screens than desktop, such as a tablet or a mobile phone even in portrait/landscape orientation which has a larger pixel height.
Hope this little suggestion could be helpful. Keep happy coding..
Marked as helpful1@ravenbbsPosted over 1 year agohello @F4YY , Thank you very much, I was not aware of this problem
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