Design comparison
SolutionDesign
Solution retrospective
Are there any coding practices I should be aware of when replicating a project similar to this?
Community feedback
- @anmolthedeveloperPosted over 1 year ago
Hello, Congratulations on completing this challenge
The <picture> tag is commonly used for responsive images, where different image sources are provided for different screen sizes and devices, and for art direction, where different images are used for different contexts or layouts. Example:
<picture> <source media="(max-width: 768px)" srcset="small-image.jpg"> <img src="fallback-image.jpg" alt="Example image"> </picture>
Here's a detailed reference: here
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