NFT preview card component

Community feedback

• 

  imLumarq•210

  @imLumarqPosted over 1 year ago

  Hi Othman

  1.I would suggest using a code formatter for your html. This can be accomplished by opening VSCode going to the extensions tab searching and installing Prettier - Code formatter. This is the code formatter that personally use and and currently has "33,009,579 installs".This would format your code making it so that other developers have a easier time reading your html.You can watch this video for help with Prettier - Code formatter Formatting your code is a waste of time - use Prettier instead.

  2.It is always good practice to include text within the alt attribute. The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader). Eg.

  /*your code*/
  <footer class="footer">
  <img src="images/image-avatar.png" class="avatar" alt="">
  <p class="text_2"> Creation of <span class="text-2_style"> Jules Wyvern </span> </p>
  </footer> 
  
  /*changed code*/
  <footer class="footer">
  <img src="images/image-avatar.png" class="avatar" alt="Profile picture">
  <p class="text_2"> Creation of <span class="text-2_style"> Jules Wyvern </span> </p>
  </footer>   
  

  Here's my solution:

  https://www.frontendmentor.io/solutions/nft-preview-card-OQ2J2JTSDt

  I hope you find this helpful 😄!

  Happy Coding!

  Marked as helpful

  0