Nft preview card using only html/css

Community feedback

• 

  Louisan TCHITOULA•170

  @LTOssianPosted over 2 years ago

  In order to fix your accessibility issue you should implement a level one heading element. I suggest replacing the h2 tag with an h1 (always use them in order ! then change their style in the css).

  You can also improve some positionning details ; I suggest putting your class"="line" div and you class="avatar" div inside the main landmark and keep the class="attribution" div in the footer out of the card. Also make sure your main is well centered, with a fixed width and height and equally spaced on each of the 4 sides of the card. (we can see it is unequal around the image for example!)

  Marked as helpful

  0

  ---

  

  Idisi Efezino•30

  @efezinoidisiPosted over 2 years ago

  @LTOssian Thank you for your honest feedback, I'll be sure to apply your suggestions

  0

  

  Louisan TCHITOULA•170

  @LTOssianPosted over 2 years ago

  @efezinoidisi Can't wait to see the new version ! Have fun

  0

  

  Idisi Efezino•30

  @efezinoidisiPosted over 2 years ago

  @LTOssian could you recheck, I applied your suggestions.

  0