stats_preview_card_component

Hi there! 👋

Good effort on this challenge! 👍

About, the image overlay, I think you are already in the right direction. You could try to adjust the opacity to 0.75 and it should make it looks similar to the design. 🤞

Some suggestions.

• The stats number should not be a heading. The content below it is too small. It might be helpful if you think of a heading like a title on a document.
• There is the mobile version for the image-header. I would recommend using picture element to set a different image for different screen sizes. Also, this is a decorative image so leave the alt empty to make sure that the screen reader users only listen to the main content of the page.
• The card should not have max-width: 100% for the desktop layout. Try to adjust the max-width until you feel that it is similar to the design.

I hope this information is useful! Happy coding! 😁