Product Preview Card Component using Flexbox and Media Query

Community feedback

• 

  Tux3er•780

  @Tux3er-IsmaPosted almost 2 years ago

  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 also transition 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

  2

  ---

  

  Penny•160

  @YeongOhPosted almost 2 years ago

  @Tux3er-Isma Hi! thanks for the comment. It is very helpful. I rushed so much forgot there was icon and mobile image in my image folder haha. The screenshot is not showing my image properly compared to live demo site, is this because I did not use normalize.css?

  0
• 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 here

  Your solution is very good, good job! 💯

  Happy coding! ✌️🙃

  Marked as helpful

  1

  ---

  

  Penny•160

  @YeongOhPosted almost 2 years ago

  @FLCHRIS I will keep in mind! Thank you so much!

  0