Design comparison
Community feedback
- @mkborisPosted 3 months ago
Nice work Jan, 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. Also, you might want to change the media query declaration for large screen sizes to about 768px. 1440px is just the design's width and not when the layout the layout should change.Marked as helpful2
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