Nft preview card

HTML & CSS for Beginners Part 7: File Structure

Hello there 👋

Congratulations on completing the challenge

HTML 📄

• When you are setting the alt attribute for the <img> tag, always describe the image best. for the Equilibrium image rather than saying alt="Card image cap" you could say something like this alt="A glass cube resting on its vertex in an equilibrium position". Because screen readers who can't see the image will know what it is through alt text.

• replace <div class="attribution"> with <footer> tag to fix accessibility issues.

CSS 🎨

• It is a good practice to use CSS custom properties. learn more about it here

You have done a great job by making use of relative units** 🔥👍

I hope this was useful 😊

HAPPY CODING

Its better to put the css file in a folder css then src, because most developers use a css folder (we get confused when the css style is in a folder who is named differently). You don't need to set height to auto its the default. The :root is for custom properties, if you want to set font size to 62.5% use html selector here is a video about css units at 1:44 is the font size set to 62.5% so the rem would be 10px. Lastly use alt attribute in img elements, its use when the img can't be showed and for screen readers.