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

Preview Card Component

#bem#sass/scss

@smhmurat

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I completed the task as mobile and desktop task. In general, I think I am successful. However, I couldn't do what I wanted to apply a filter to the photo. The feedback you gave me about the mistakes I made in the code I wrote is very important to me. Thank you...

Community feedback

Nick 760

@Nick331102

Posted

This is the easiest way I have found for the overlay, but there are other ways try using an inset box shadow box-shadow: inset 0 0 0 1000px rgba(109, 54, 199, 0.596); you can adjust the color.

0
P
AK 6,700

@skyv26

Posted

Hi! It is really good that you believe in quality work.

I saw that your design is not that much responsive but it is ok. But in some device there is unnecessary space at bottom and at some device your insight data going outside from your card.

Please fix it and overall good work.

0

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