Product preview card challenge web use CSS Flex box

Community feedback

• 

  Basant Soni•450

  @SoniBasantPosted over 1 year ago

  • Add flex in .product-price, so that your .product-price p will be at center as compared to .product-price h1.

  display: flex;
  flex-direction: row;
  align-items: center;
  

  • Add line-height in .preview-product p. Also adjust font-size in this so that second line end with "by", third line end with "Creater". And there is no fifth line. So work on line-height, font-size and paddings in h1, h2 and p.

  Size of full card is exactly same. Kudos to you for this.

  Good work : )

  Marked as helpful

  0