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-colorful-result

Amin 80

@AMINKHALAJI

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


Appreciate any feedback or suggestion

Community feedback

@Durga-Jaiswal

Posted

Set background-image as radial-gradient for the Your Result side component. It's not a simple background color, it is the combination of two colors given in the style-guide in the given package of files. Like this:

background-image: radial-gradient(circle, hsl(252, 100%, 67%),hsl(241, 81%, 54%) 80%); This will make the background look same like the given project.

1
SomHs 90

@SomHs

Posted

I recommend you to use the background: linear-gradient to generate the background. If you use it, you'll be closer to the design. Anyways, good job!

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