
Submitted 8 months ago
Product Card Challenge with a mobile-first approach
@Rui-Martins23
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Proud to have been able to succeed using a mobile-first approach, as it was the my first challenge of this kind.
What challenges did you encounter, and how did you overcome them?Placing and styling the image correctly inside the container was one of the main challenges.
What specific areas of your project would you like help with?How would you make the transition of the mobile-image for the desktop-image? I placed both on the HTML structure and then used "display: none" on the media queries in order to hide them... but it didn't feel the best way to do this.
Community feedback
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