Design comparison
SolutionDesign
Solution retrospective
Hi ! I used flex-box for this project. The most challenging part was to make it full responsive. Do you think I managed it ? Let me know ! cheers :)
Community feedback
- @romila2003Posted about 2 years ago
Hi Wojtek,
Congratulations 🎉 for completing this challenge, the card looks great and is responsive.
- Regarding your question about the responsiveness, your card is responsive however one suggestion I would give, is to take a mobile-first approach instead of the desktop-first approach as it will be easier for responsiveness and to rearrange/change the elements within the card/screen. Therefore, instead of using the
max-width
property for your media queries, you should use themin-width
property instead. - Your
img
tag is missing thealt
attribute.
Overall, great attempt and wish you the best for your future projects so keep coding 👍.
0 - Regarding your question about the responsiveness, your card is responsive however one suggestion I would give, is to take a mobile-first approach instead of the desktop-first approach as it will be easier for responsiveness and to rearrange/change the elements within the card/screen. Therefore, instead of using the
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