Luke Janssen• 210
@lukejans
Posted
Hey, Lois! I have a suggestion for responsive design with your images that I think you'll appreciate!
use the picture tag with a source and query to change the image depending on screen size so you get the smaller image when the product page collapses to a single column.
<picture>
<source
srcset="./images/image-product-mobile.jpg"
media="(max-width: 628px)"
/>
<img
src="./images/image-product-desktop.jpg"
alt="Channel Perfume"
class="image"
/>
</picture>
you can visit my github repo for reference!
If you found this helpful please consider marking this comment as helpful! Thanks and HAPPY CODING!
Marked as helpful
0
Lois• 20
@Lois39
Posted
@lukejans Thanks lucas
1