NFT Preview Component using HTML & CSS Flexbox

Hi Ryan, I took some time to look at your solution and you did a great job!

You can add the effect :hover creating a div that appears on hover. I used tailwind but you can still see and understand which css properties you can use to do the same. Look here -> my solution

Also instead of using px try to use relative units of measurement -> read here

Overall you did well :)

Hope this help and happy coding!

Hey Ryan,

Great job so far. If you set the card width to 350px your solution gets very close to the design.

As Old mentioned above, there's a bit of heading misuse here. I don't personally believe the eth value, days left or author text are semantically headings and shouldn't be treated as such. You could use paragraph tags here.

Hello there! 👋

Congratulations on finishing your challenge! 🎉

I have some feedback on this solution:

• Always Use Semantic HTML instead of div like <main> <header> <footer> , etc for more info

• Consider using the h1 element as a top-level heading only (all h1 elements are treated as top-level headings by many screen readers and other tools) like for example use h1 first then h2 etc. i hope this is helpful and goodluck!