Ethereum card using HTML and CSS

Community feedback

• 

  zoleee98•250

  @zoleee98Posted over 2 years ago

  hi great job, but unfortunately u cant add before/after pseudo elements on images.

  here is my tip:

  1. put that image in a div, and use before+after on that div
  2. i used before pseudo to make the background with div:hover::before{}
  3. and then div:hover::after{} for the eye image, just like this: content: url("images/icon-view.svg");

  and dont forget that you can make a flexbox from before/after pseudos to center the eye image.

  hope that helps;)

  Marked as helpful

  0

  ---

  

  Sayam•50

  @sayamalviPosted over 2 years ago

  @zoleee98 Thanks man ! Would update my solution soon..

  0
• 

  Shashree Samuel•9,260

  @shashreesamuelPosted over 2 years ago

  Hey good job completing this challenge

  Keep up the good work

  Your solution looks great however I think your card needs to be scaled up a little bit using transform: scale().

  In terms of accessibility issues simply wrap all your content between main tags

  I hope this helps

  Cheers Happy coding 👍

  Marked as helpful

  0

  ---

  

  Sayam•50

  @sayamalviPosted over 2 years ago

  @TheCoderGuru Hey thanks man ! I did wrap my content inside the main tag ..

  0