Product Preview Card Component using Flexbox and Media Query

Solution retrospective
Where do you find the cart icon?
I had to use Material Icon since I couldn't find the exact one.
Feedback welcome.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Tux3er-Isma
Hi YoengOh!!!
Congrats completing this challenge 👍🏻🎉
There are some tips for your next project 💡:
-
If I don't remember the icon was in the img folder that frontend mentor gives to you
-
I recomend you to use css reset. There is an example of a good css reset normalize.css 🎨
-
Try to use
cursor: pointer
in the button and alsotransition
to get a better user experience -
In variables you can also put colors. If you want to change for example the color put:
color: var(myVar);
That's all. You have done a good work 😉
I hope this comment will help you in your next project 👍🏻
Happy coding YoengOh!!!! ⌨️🖐🏻
Marked as helpful -
- Account deleted
Hi... congrats on completing this challenge. 🥳🎉
Here some tips to improve your code:
HTML: 🧱
You can use the
<picture>
tag for this challenge. The picture tag helps us provide versions of the same image but in different resolutions, saving bandwidth and speeding up load times. More info hereYour solution is very good, good job! 💯
Happy coding! ✌️🙃
Marked as helpful
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord