NFT Preview Card Component using flex-box

Hi,

Thanks so much for your feedback really appreciate it as I am just starting out!

I put the pseudo class as :active rather than :hover which I think is causing the issues. I will fix this.

Thanks for the accessibility tips!

Clare

I think the mobile view looks fine on this. The layout looks good on this. The minimum and maximum sizes are only about 20px difference. Your hover effects aren't working correctly. The overlay only shows up on the image when you click on it. When you click on the Equilibrium text the overlay shows on the image. Another thing you should do is put your stylesheet below any other links in the head of the document. I put mine as Reset styles, Google fonts, Font Awesome and lastly Custom styles.

Wrap your container div in a Main tag 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.