@danielmrz-dev
Posted
Hey there! šš½āāļø
Congrats on finishing the challenge! ā
Your project looks awesome!
Here's a tip that might interest you:
š When you have different versions of the same image, consider using the <picture>
tag.
This will help ensure the correct image loads on the user's device, saving bandwidth and boosting performance.
Example:
<picture>
<source media="(min-width: 768px)" srcset="{desktop image path here}">
<img src="{mobile image path here}" alt="{alternative text here}">
</picture>
Hope you find this useful!
Great job overall!
Marked as helpful
Hi Daniel,
Thank you for your suggestion and clear explanation. I wasn't familiar with the <picture>
element until you mentioned it. I have now implemented it in the solution. Thanks for making it better!
Also, your comment's markup, structure, and approach are excellent. I'm sure I'll learn something from that too!
@danielmrz-dev
Posted
@josip-h I'm glad my comment was helpful! šā