Perfume Product Card Design

Community feedback

• 

  Francisco Carrillo•5,540

  @frank-itachiPosted almost 2 years ago

  Hello there 👋. Congratulation for completing the challenge👍!

  I have some suggestions about your code that might interest you.

  HTML 📄:

  • Since the mobile design has a different image, you can use the <picture> tag that allows you to interchange the images depending of the viewport size. Red more about this awesome tag here.

  I hope you find it useful! 😄 Above all, you did a good job!

  Happy <coding /> 😎!

  Marked as helpful

  1

  ---

  

  Red•150

  @RachelikPosted almost 2 years ago

  @frank-itachi Thanks and it did give me improvement for it to be interchangeable between mobile and web version.

  0
• 

  Jakida•40

  @jak-idaPosted almost 2 years ago

  Hi! This project looks really amazing!

  In answer to your question, it really depends on what sort of design you are going for.

  All you need to remember, when trying to decide for yourself, that margin affects the space outside of the container and padding affects the space inside the container.

  Some effects look better than others so there's no harm in taking the time to play around with them.

  I wish you well on your coding journey!

  1

  ---

  

  Red•150

  @RachelikPosted almost 2 years ago

  @jak-ida Hey Thanks.

  I am playing around with that but also looking at what practices make the best of it in terms of look and speed. Wish you well on your coding journey too! See you around!

  0