Responsive NFT Card Component Page using HTML & CSS

Community feedback

• 

  P

  David Turner•4,150

  @brodiewebdtPosted almost 3 years ago

  You can style the headings to look like anything you want. You can make an H1 look like an H6 if you want. The main text should be 18px, but in the Figma file the rest of the text is 15px. Tough to tell the difference from the design images. I used those for some of my earlier projects.

  Marked as helpful

  0
• 

  P

  David Turner•4,150

  @brodiewebdtPosted almost 3 years ago

  This looks good. You don't have to worry about responsiveness with this as it is only a card and doesn't need to change sizes. Change the size of the the 0.041 ETH, 3 days left, and the Creation line to 15px and it will look better.

  Add ALT tags to the images, they can be empty as they are decoration only. Change the Equilibrium text to an H1. Every page should have an H1 tag. Wrap your card div in a Main tag and change the attribution div to a Footer and it will clear the accessibility warnings.

  Download AXE DevTools and you can clear accessibility warnings while you code. https://www.deque.com/axe/devtools/

  Hope this helps.

  Marked as helpful

  0

  ---

  

  Anietie Brownson•80

  @AJBrownsonPosted almost 3 years ago

  @brodiewebdt Thanks very much. I used H2 because I thought H1 would be too big and might cause issues. As for the P tags, the brief says to use 18px but I'll implement your suggestions and see how it looks. Thank you very much.

  0