@Hoaxilog
Posted
Hi we do the same solution for the image part wherein we set it to display: none and trying to display: block using media queries to show the image. but someone gave a feedback that it was better to use a <picture> tag for that scenarios.
You can follow this link and see the explanation on why is it better:
- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture
- https://www.frontendmentor.io/solutions/product-card-solution-3OjGsmsV3z
thanks for letting me know by https://www.frontendmentor.io/profile/danielmrz-dev
Marked as helpful
@Hekimianz
Posted
Oh thanks! That looks way better. Will definitely implement that! Thanks for the advice @Hoaxilog