@danielmrz-dev
Posted
Hello @shadazls!
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="(max-width: 460px)" 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
@shadazls
Posted
Thanks @danielmrz-dev !
In 2 years of studying development, I have never heard about the tag <picture>
, I will definitely look at it in more details.