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 COMPONENT [CSS, REACT]

Bin 80

@BinLama

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


ฅ^•ﻌ•^ฅ Hello, Frontend Mentor coding community. This is my solution for the Results Summary Component

I had a hard time with making gradient background for the results tab and button. So, if there are any resources that you think can help me with that then I greatly appreciate your help. I also couldn't figure out the colors properly. I don't know what tools to use to figure that out. I uploaded the image files to figma but I can't figure out how to get the colors.

Either way, if you have any feedback and tips I greatly appreciate it!

Thanks in advance and happy coding!!

Community feedback

océane 230

@Ocece77

Posted

Hi ! For any gradient I use this website , it will make you gain a lot of time ! https://cssgradient.io/

For the colors you have a file inside the starter file named « style-guide.md » with the color and font for the project in it ! The file « style-guide.md » is in every project so you should take a look before starting any project!

Keep practice and never give up 👍🏿👍🏿✨

1

Bin 80

@BinLama

Posted

@Ocece77 Thank you so much for the reference!! I used the style guide but felt like some colors were missing that is why I was asking.

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