nft preview card made with html and css

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted over 1 year ago

  Hi, Hola-Code001! 👋

  In this case, wrap the Equilibrium image with an interactive element. The interactive element can either be links or buttons.

  For your information, anchor tags are for navigation. The <button> element is for an action like opening a modal, submitting a form, toggling an element, etc. It is essential to use the correct elements.

  I recommend taking a look at @IlnaraAckermann's solution for a better way to create the overlay of the Equilibrium image. It is better to use pseudo-elements instead of actual HTML elements since the overlay is a decorative element.

  Frontend Mentor | Css3, HTML5, flexbox, pseudo-class and pseudo-elements coding challenge solution

  Remove "picture of profile image of" from the alternative text. Alternative text for images should not include any words that are related to the word "image". The semantic meaning of the <img> element tells assistive technologies to pronounce it as an image.

  Replace <div class="attribution"> with <footer>. Then, move it outside the <main> landmark. Your attribution is not the main content so it should live in a different landmark element.

  I hope this helps. Happy coding! 😄

  1

  ---

  

  Hola-Code001•110

  @Hola-Code001Posted over 1 year ago

  @vanzasetia thanks for the feedback

  1

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 1 year ago

  @Hola-Code001

  You are welcome!

  0