@danielmrz-dev
Posted
Hello there!
Congrats on completing the challenge! โ
Your project looks great!
I have a suggestion about your code that might interest you:
๐ You can use the <picture>
tag when you have different versions of the same image.
Using the <picture>
tag will help load the correct image to the user's device, saving bandwidth and improving performance.
Example:
<picture>
<source media="(min-width: 768px)" srcset="{desktop image path here}">
<img src="{mobile image path here}" alt="{alternative text here}">
</picture>
I hope this helps!
Other than that, excellent work!
Marked as helpful
@Dazank
Posted
@danielmrz-dev Thank you. I had no idea the picture tag was even an option.