Design comparison
SolutionDesign
Community feedback
- @RobVermeerPosted over 2 years ago
Nice solution!
I only have one small but in my opinion important point of feedback. Images should always have a width and height defined on the element. This way the intrinsic size of the image is known to the browser and the browser already knows how much space it needs to reserve for it. Without this you would see a layout shift whenever the image is loaded in (this is especially visible when user has slow internet). Nowadays Google thinks this is really important =)
You can read more about this here https://web.dev/cls/ and https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img
Marked as helpful0
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