NFT preview card component using CSS flexbox

Community feedback

• 

  Rio Cantre•9,690

  @RioCantrePosted almost 3 years ago

  Hello there! Good job in completing this challenge. Looking at your solution, I would suggest the following for you...

  • Import the attribution style in the CSS file and remove style tag
  • Clean the whistespaces in the code
  • Add the hover state of the design. For the hero image, you can use this as an example Overlay in image. For the fonts, add color: var(--cyan); in .nft__name:hover and .white:hover rule set
  • Remove margin-left: 2.5rem; in .nft__price and .nft__time rule set.
  • Add margin: 0 2.5rem; and padding: 1.5rem 0; in the .nft__details rule set

  Hope this helps and Keep it up!

  Marked as helpful

  0

  ---

  

  Shreyas Waykar•20

  @username-copiedPosted almost 3 years ago

  @RioCantre thanks man. Appreciates you.

  1