nft preview card component

Hey there! 👋 Here are some suggestions to help improve your code:

• The "NFT image" alt tag description needs to be improved upon ⚠️. Assume that you are describing the image to a someone over the phone.

• Along with the blank alt tag, you also want to include the aria-hidden=“true” ⚠️ to your “icons” to fully remove them from assistive technology.

More Info:📚

https://www.w3.org/WAI/tutorials/images/

• The profile image alt tag needs to be improved ⚠️. It should only state the following; “Headshot of -person’s full name-“

Headshot Alt Text

• ⚠️ Move all of these properties to the body and change the height: 100vh; to min-height: 100vh;.

main {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding: 0 25px;
}

• For improved accessibility 📈 for your content, it is best practice to use rem for your font-size and other property values. While em is best for media-queries. Using these units gives users the ability to scale elements up and down, relative to a set value.

If you have any questions or need further clarification, feel free to reach out to me.

Happy Coding! 🎆🎊🪅