@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!
@appleseed9
Posted
@danielmrz-dev
Thank you for the comment. picture
tag looks like a very elegant solution, will study it.
IE doesn't support the srcset img
attribute nor the picture
element, which is interesting.