Preview Card || with flexbox and hover-effects

Community feedback

• 

  Boris•110

  @borakb

  Posted over 3 years ago

  1. The image hover overlay and the image have different border-radius
  2. The Ethereum and the Clock icon are not aligned in the middle of their container, to fix this add display: flex and align-items: center to the .price and the .time-left div elements

  If this has helped you I would appreciate if you could mark my feedback as useful! Thank you for reading.

  10

  Marked as helpful
• 

  Mohamed Fathy•160

  @M0hamedF

  Posted over 3 years ago

  Great job 👍 you made it look nearly perfect to the preview. You can make the transition smoother by adding "transition: 0.3s; or what suits you in sec " by adding it in 1- ".hover:hover" will make it change smoothly to the color. 2- ".hover" will change it back. For more info click on the link "https://www.w3schools.com/css/css3_transitions.asp" Keep up the good work!

  00

  Marked as helpful