Design comparison
Solution retrospective
I want to get feedback on how to scale things downs without using a media query. I know I have to use a media query to replace the image more suitable on mobile devices, but in the case of the text, I want it to scale naturally. For example, my old strikes out price is overflowing and when you go even small all the text overflows.
I will try to make changes in the future If I come across this in future and rectify it. But help is appreciated.
Community feedback
- @mvelardeqPosted over 2 years ago
Hello Lohit, your error was put percentage of width in card class, you have to set and specific width like 580px, for height is similar. then add breakpoint when your screen are almost wider of your card's width. In this breakpoint change the colummn direction using flexbox to flex-direction:column
Marked as helpful0
Please log in to post a comment
Log in with GitHub
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