NFT Preview Card Component

Community feedback

• 

  Ahmed Abdelgawad•315

  @ahmedAgawadPosted over 2 years ago

  Hello 👋, Amazing work on completing this challange 👏👏.

  • to make the overlay transparent i suggest that you place the image-equilibrium.jpg as img inside the picture div then add the overlay color using ::before pesudo element on the picture div
  • to fix the accessibility issues you have in the report i suggest you use main tag as the card container
  • make sure you add alternative text to images in the page to improve accessibility

  Have a good day, Happy Coding 😊😊 .

  Marked as helpful

  1

  ---

  

  Óscar Rabadán Martínez•150

  @OscarandioPosted over 2 years ago

  @ahmedAgawad Hello and thanks. I have tried to do as you said. I placed the picture inside the picture div and use the ::before but still I can't get it :S

  1

  

  Ahmed Abdelgawad•315

  @ahmedAgawadPosted over 2 years ago

  @Oscarandio I have created this example i hope it helps : https://codepen.io/ahmedAgawad/pen/vYRLxoN

  Marked as helpful

  1