@matiasluduena23
Posted
Hi Dalma! Nice Work Just one good practice that might help you with future projects.
- Use the picture tag to make your images responsive. Here documentation
Something like this:
<picture>
<source srcset="images/image-header-desktop.jpg" media="(min-width: 700px)" />
<img src="images/image-header-mobile.jpg" alt="my-image" />
</picture>
Where the browser choose the image depending of the viewport width of the device setting in the media query in the source.
Hope this help you!
Good code!
Matias
Marked as helpful
@bdal90
Posted
Hi Matias,
Wow, thanks! This is very useful! Thank you for sharing it with me.
Best wishes,
Dalma