Responsive Product Card Component

Community feedback

• 

  Fatlind Shehu•2,230

  @fatlindshehuPosted over 2 years ago

  Hi Emmanuel, Nice work over there! Here are my suggestions on how to improve your card:

  • Create a main component and center it in the middle using flex
  • Create two child components inside the main one for the image and one for the text use flex to align them.
  • Give padding around the text component in order for the element to be in line with one another.
  • Using flex change the flex-direction: column to make the component responsive on smaller devices.
  • If you're unfamiliar with flex check this LINK

  Keep up the good work

  Marked as helpful

  1

  ---

  

  Emmanuel Munyite•510

  @munyite001Posted over 2 years ago

  @fatlindshehu Yea Thanks for the Heads Up. I just looked at the comparison and they were varying , so I implemented using your suggestions, and I gues it's better now

  0

  

  Fatlind Shehu•2,230

  @fatlindshehuPosted over 2 years ago

  @munyite001 I think it looks much better, great work!

  Happy coding...

  0