@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
@tunaerten
Posted
@danielmrz-dev Thank you for your comment. To be honest, I didn't think using two consecutive img tags made much sense while writing the code, but I wasn't aware of the method you suggested. I also saw it while reviewing others' code in the same project. Frankly, I did some research to understand what it was. Additionally, knowing that using it this way positively impacts performance is great. I will pay attention to this in my future projects. Thank you.