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

results-summary with responsive pages

P

@GrayTechFun

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


Please give me some feedback about how to use the linear background color in the result circle.

Community feedback

@roraima1986

Posted

Hello, congratulations on completing the challenge.

I agree with @MaximilianoDanielGarcía, you should use the following code:

background-image: linear-gradient(hsl(256, 72%, 46%), hsla(241, 72%, 46%, 0));

Marked as helpful

0

P

@GrayTechFun

Posted

Hello, @roraima1986 Thanks your advice as well!

0

@MaximilianoDanielGarcia

Posted

Hi GreyTechFun, great job!

For the gradient add background-image: linear-gradient(hsl(256, 72%, 46%), hsl(241, 72%, 46%)); to your .circle class.

And all background should be white with a shadow in the component.

Let me know if these was helpful.

0

P

@GrayTechFun

Posted

Hello, @MaximilianoDanielGarcia It's very useful. By the way, what shadow property should we write, and how do we know what shadow property we should write ?

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