Responsive NFT preview card with CSS flexbox

Community feedback

• 

  Fer•3,970

  @fernandolapazPosted over 1 year ago

  Hi 👋🏻, some of this may interest you:

  • The image is interactive too, so it should be wrapped with <a> or <button> (depending on what happened when clicking on it).

  • The icons are decorative and therefore need an empty alt attribute to be ignored by screen readers.

  • It is better to use min-height: 100vh for the body as using height causes the page to be cut off in viewports with small height (such as mobile landscape orientation).

  • Think about using relative units since they are better for scalable layouts. Something simple to start with would be to convert to rem (1 rem equals 16px by default), consider this suggestion especially for the font-size.

  I hope it’s useful : )

  Regards,

  Marked as helpful

  1

  ---

  

  HarlowRM•50

  @HarlowRMPosted over 1 year ago

  @fernandolapaz

  Thank you for the advise, I will defiantly be using this information moving forward.

  Best,

  1