Desktop-first product preview card component

Community feedback

• 

  Amparo•80

  @amparoamparoPosted almost 2 years ago

  Hey Dhanya! Great start!

  The problem with the image is that its path is set to "images/image-product-desktop.jpg", but you have no "images" folder in your repo. Same with the cart icon image.

  I think part of the issue with the image size is that it has a fixed height of 500px.

  Have you tried using grid instead of flex for the card itself? As well as playing around with different widths for it, rather than a percentage.

  Hope that helps! :)

  Marked as helpful

  2
• 

  DHEERAJ PUJYAM•200

  @dheeraj-90040Posted almost 2 years ago

  I think your image is a source from the desktop. load the image in the folder where u kept the index.html file and give the source directly. then it will take the image and update it in the git repo too.

  thank you.

  Marked as helpful

  1
• 

  DHEERAJ PUJYAM•200

  @dheeraj-90040Posted almost 2 years ago

  Hi, Nice meeting you. I saw the problem. I think you used CSS - flexbox and set it to the column direction. what u do is correct. my solution is batter decrease the width of the image and increases the height of the image. and the card width should also increase. that is the problem. and removing wrapping components. try this ma work. or try using bootstrap container

  Thank You

  Marked as helpful

  1