Design comparison
SolutionDesign
Solution retrospective
Here is my card component design and its responsive to some extent, please any criticism and feedback will be appreciated
Community feedback
- @ChamuMutezvaPosted over 3 years ago
Hi Asiyah Nice start. The desktop version is pretty good, but when it comes to the mobile and tablet , you have some work to be done in terms of responsiveness. Here are some of the issues that i can pick up:
- the image on mobile is having some content cut off - a scenario that is caused by setting a height of 25% on the image container and then forcing the image to cover the available space with object-fit.
- between 600px and 1100px , the content is spilling over containers . You might need to add another media query to come up with a clean product. I would suggest trying mobile first other than desktop first .
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