@hitmorecode
Posted
Nice well done. Just a few tips
-
Change the breakpoint to 735px, the breakpoint is 393px this will result in overflow on smaller screens.
-
If you change the breakpoint to 735px, you have to change the rules inside the
<picture>
element.
<picture>
<source media="(min-width: 900px)" srcset="/assets/image-product-desktop-46292547.jpg">
<source media="(max-width: 735px)" srcset="/assets/image-product-mobile-1140e112.jpg">
<img src="/assets/image-product-desktop-46292547.jpg" alt="Product Image" class="picture">
</picture>
You forgot to add de border radius for small screen
Marked as helpful
@NikNT
Posted
@hitmorecode
I appreciate your feedback and I will improve the mentioned points in my code.
Thanks!