Design comparison
SolutionDesign
Community feedback
- @mkborisPosted 3 months ago
Hi Dhruvmehta1311 nice work, to handle responsive images effectively and ensure optimal loading performance, you can use the
picture
element combined withsrcset
andsizes
attributes. This approach allows you to specify different images for various screen sizes and resolutions, improving load times and visual quality. Using CSS to hide and show images to display differently on various screen sizes is not part of the best practices.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