Product preview card component

Community feedback

• 

  Harsh Kumar•1,390

  @thisisharsh7Posted about 2 years ago

  Hey Trvan, Well done! your solution seems to be perfect but there is one thing which can improve your solution to next-level i.e. when user lowers the width of the screen from 360px, content started to cut which may seem unresponsive to him/her so you can add media only screen and (width<=410px){ body{ justify-content: flex-start; } to your existing code and see the change..

  hope this works fine..

  0

  ---

  

  Trvan Quan•100

  @69kwan69Posted about 2 years ago

  @thisisharsh7 Thank you for your feedback! By the way, can you explain why did you choose the 410px for any specific reason? If I understand your idea correctly, then shouldn't it be 350px to match the width of the card in mobile screen?

  0

  

  Harsh Kumar•1,390

  @thisisharsh7Posted about 2 years ago

  @69kwan69 There is no any specific reason I choose it because from that width content started to shift towards one side more thus to maintain equal spaces on both sides I choose 410px

  0