Design comparison
Solution retrospective
Your thoughts, My growth :)
Community feedback
- @ortalyartsPosted 8 months ago
Hello @jayaxsurya,
Really nice solution! It is responsive and looks good on all screen sizes.
Only one little detail: best practice for img tag is to include width and height in html markup (provided in px). It is needed in order to avoid glitchy page jump, while the page is still loading. Because the browser doesn’t know how much space to "reserve" to each image on page until it calculates everything from css. You still need to specify the image size in the CSS (like you did), but providing information about the file will help browsers render the page faster and more accurately.
I hope you find this helpful. Cheers :)
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