Responsive stats counter page
Solution retrospective
In my code, I've used media queries for different sizes (height and width) of my card image and text portions. I realise that this doesn't solve for when i change the orientation of my phone. It breaks the css and the text portion overflows. Is there a more elegant way to ensure that the text and the body of elements don't overflow no matter what and resize automatically?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @MikevPeeren
Hey there 👋,
Good job on completing this one 💪
When you change the orientation you are changing device dimensions, so you can use media queries for that. Furthermore never use a height property unless you know why you are using it. For example all the overflow can be solved by removing height:100% and using min-height: 100vh. vh stands for viewheight.
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