Design comparison
Solution retrospective
Hi im down for suggestion.
Community feedback
- @hardy333Posted about 3 years ago
hey, nice solution, on desktop screen size card looks very good, it's good to see that you don't have accessibility and html validation issues. But there are some problems on mobile screen sizes : Cards' content starts overflowing, card gets scrollbars and so on.
I think main problem for your css which is a reason for scrollbars and other problems as well is incorrect unit values: don't use
vh
unit all the time instead use percentages, if you want your component to have some fixed width use width property and after that usemax-width: 100%;
those to property on combination will give you flexibility and your components will never start overflowing from their parent containers/components...Good luck.
Marked as helpful4
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