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 solution to the Results-summary challenge

JanAbe 230

@JanAbe

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@aykinsancakli

Posted

Hello @JanAbe,

I think you did a great job! However, there's a small detail that caught my eye.

When using box shadows, we usually aim for a shadow that mimics the real world, so we prefer to use very subtle values. As the size of the component increases, the intensity and density of the shadow should also increase. For components like this, you can start with a shadow like this:

box-shadow: 0 12px 24px rgba(0, 0, 0, 0.015);
// You can adjust the color of the shadow if you want to match the design shadow.

This gives a more realistic and subtle shadow effect. Great work overall!

Best, Aykın

Marked as helpful

1

JanAbe 230

@JanAbe

Posted

@aykinsancakli

Wow thank you so much for your tip! I hope you have a nice day :)

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