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 Result-Submit page using Flex and Grid

@Mirali44

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


It would be great if someone could help me about setting blue colors as the original one in real picture.

Community feedback

Rinoβ€’ 340

@Rhinozer0s

Posted

Hello @GreyCodder,

the background-color is a linear-gradient. Add this to your result - div:

background: linear-gradient(hsl(252, 100%, 67%), hsl(241, 81%, 54%));

The same goes for your circle. You can read more about this here: https://www.w3schools.com/css/css3_gradients.asp

I hope you find this helpfull 😊🀝

Marked as helpful

1
Mukwendeβ€’ 1,370

@mukwende2000

Posted

You should the style-guide.md file, all the colors and gradient colors are there

1

@anespoul34

Posted

Hello @GreyCodder! When I need to know about colors, I use this colorpicker. I hope it might help ;)

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