product-card-component

Solution retrospective
I am not very familiar with media queries, but I am trying to learn. I have gained a bit more understanding in this project. What I did not fully understand in the project was the difference between the width shown in Figma and the width I see on the screen. Nevertheless, I achieved a fairly close result. I set a specific height, but I am not very happy with it.
What specific areas of your project would you like help with?I am not sure whether I should use the values in the design file exactly as width and height, or if I should evaluate them myself.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@danielmrz-dev
Hey there! 🙋🏽♂️
Congrats on finishing the challenge! ✅
Your project looks awesome!
Here's a tip that might interest you:
📌 When you have different versions of the same image, consider using the
<picture>
tag.This will help ensure the correct image loads on the user's device, saving bandwidth and boosting performance.
Example:
<picture> <source media="(min-width: 768px)" srcset="{desktop image path here}"> <img src="{mobile image path here}" alt="{alternative text here}"> </picture>
Hope you find this useful!
Great job overall!
Marked as helpful
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