@sulemaan7070
Posted
hey Angga Anugrah Pratama π, congratulations on completing the first challenge, and really great job making the site look very accurate to the design π―π―.The only thing that I can point to you for improvement is.
- I see you have only utilized the desktop image on both screens. You can find the
image-product-mobile.jpg
in the images folder. - and using the picture element is best practice this is how you use it. where you will be able to change the image based on
@media queries
.
<picture>
<source media="(min-width: 650px)" srcset="img_food.jpg">
<source media="(min-width: 465px)" srcset="img_car.jpg">
<img src="img_girl.jpg">
</picture>
find more about picture element here and keep up the great work happy coding π₯π₯
Marked as helpful
@anggaanugrah
Posted
@sulemaan7070 thank you for the feedback you provide, the information and knowledge you provide is very useful for me, and I will try it in my previous code ππ