Design comparison
SolutionDesign
Solution retrospective
How can I adjust the product image based on the screen width?
Community feedback
- @danielmrz-devPosted 9 months ago
Hello @Kaung-Thant-Kyaw!
Your project looks great!
I have some suggestions about your code that might interest you.
- You can use the
<picture>
tag when you have different versions of the same image 🖼. Using the<picture>
tag will help you to load the correct image for the user's device saving bandwidth and improving performance.
Example:
<picture> <source media="(max-width: 460px)" srcset="{image path here}"> <img src="{image path here}" alt="{alt text here}"> </picture>
I hope it helps!
Other nthan that, great job!
Marked as helpful1 - You can use 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