Nft-card preview

Community feedback

• 

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  To avoid accessibility and HTML issues in the future:

  • start your headings with h1 and move up by one level each time
  • give your <img> tags an alt="" Good job!

  0
• 

  Saran•460

  @Saran-73Posted almost 3 years ago

  Hi 👋

  • change your <h2>to <h1> to resolve accessibility issue.

  • To create that hover effect create a div with same image size using (:before) pseudo element give it backround color then centre the icon inside then make it position absolute to place it above the img and reduse the opacity and z- index property and while hovering change the opacity .Use( cursor:pointer; )property in css for the img div.

  • To understand about not affecting the opacity of the icon while reducing the background opacity ,take a look at the video by (coder coder) in youtube title "how to make background image transparent in Css" will help.

  Hope this helps

  0