@hardy333
Posted
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 use max-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 helpful