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 Results summary component main using HTML & CSS

Don 380

@eldon6219

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


another challenge completed ! your opinion matters guys

Community feedback

@aykinsancakli

Posted

Hello,

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);

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

Marked as helpful

1

Don 380

@eldon6219

Posted

@aykinsancakli thx for your help appreciate it <3

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