@LucasNCosta
Posted
First, congratulations on the challenge.
you can change the image to: "<picture> <source media="(min-width: 1200px)" srcset="imagens/image-product-desktop.jpg" type="image/jpg"> <img src="imagens/image-product-mobile.jpg" alt="Gabrielle-Essence-Eau-De-Perfum-by-CHANEL"> </picture>" This will change the image depending on the screen size.
you can change the button's SVG to a "span" or "i" that you can import from Google Icons: https://fonts.google.com/icons
Ever heard of the "Mobile First" method? I highly recommend it, it will make it easier when creating the Media Query.
to serve as a tip: https://github.com/LucasNCosta/html-css/tree/main/treinar/product-preview-card
Marked as helpful
@tuaPuan83
Posted
@LucasNCosta Thank you. I have a question. How can I know the size of this challenge? In this project, didn't specify the size or do I have to specify the size myself?
@LucasNCosta
Posted
@tuaPuan83 available, the size will depend on you, whichever fits the screen best. The "style-guide" gives some hints of font size and screen size for Media Query.
Marked as helpful
@tuaPuan83
Posted
@LucasNCosta Thank you so much