NFT preview card component

Community feedback

• 

  IZY_BOY•70

  @IZY-BOYPosted 5 months ago

  Hi, I just notised a probleme with my solution but don't know how to fix it. When the cursor is on the equilibrium image, the color changes to cyan but the eye is not visible. any suggestions about this???

  0

  ---

  

  pvcordeiro•110

  @pvcordeiroPosted 5 months ago

  @IZY-BOY Create a container with the eye image inside of it. Add the cyan color as the container background (remember the alpha to make it translucent) and and make both the container and the eye invisible with opacity: 0; then on your ::hover add both again and use opacity:1;

  0

  

  STEPHEN Obayuwana•340

  @xaintobasPosted 5 months ago

  @IZY-BOY try loading the eye icon correctly in your index.html file by using the code below. It should work.

  <img class="equilibrium" src="images/icon-view.svg" alt="eye">
  

  0

  

  IZY_BOY•70

  @IZY-BOYPosted 5 months ago

  @xaintobas on my computer the image is visible but when i connecte from the github livepage link it doesn't.

  0

  

  STEPHEN Obayuwana•340

  @xaintobasPosted 5 months ago

  @IZY-BOY yeah. It's like that most times. Please try to update your index.html with the code and push the update to GitHub. Let me know if it works that way.

  0

  

  Nantue Polchevski•80

  @Hangar5Posted 5 months ago

  @IZY-BOY How are you?

  The error is here; <img class="equilibrium" src="../images/icon-view.svg" alt="eye"> where it says src=" instead of two dots .. there must be only one, it would look like this.

  <img class="equilibrium" src="./images/icon-view.svg" alt="eye">

  That's it, the image should be visible without any problem.

  Greetings 👋

  Marked as helpful

  0

  

  IZY_BOY•70

  @IZY-BOYPosted 5 months ago

  @Hangar5 I'm fine and i hope you too???

  Thanks for the help, it worked.😁😎🥳

  0