Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Stats Preview Card Component

@Afeez-Ola

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Clipzorama

Posted

Hello!

So a couple things:

  • Try making the the width of the card that holds all of the content a bit higher so that it stretches to the desired width. Perhaps using a relative unit like %.

  • For the image, it looks a bit more "smokey" than its supposed to. Try using ::after inside of the image container that holds the image and make it the entire size of the container. Utilize mix-blend-mode and opacity with the soft violet color and it might look a bit better.

  • The m must be captial to M. and also adjust the p and h element to make it as expected.

Overall, great job! Consistency is everything and you're excelling!

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord