Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Results Summary Component

BK Madsen•60
@MadsenBK
A solution to the Results summary component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Does anyone have any tips on better matching the gradients to the original?

Is there a way to ensure you matching the over all size to original beyond guessing/estimating? Would the pro Figma files have this information?

I attempted to use the global color varriables in my CSS but after looking online I still could not figure out how to properly apply an oppacity to the base var color. I was attempting using -- rgba(var(--colorName), 0.8); -- but this would not apply the opacity. It may be hard now with seeing but if anyone has any tips for this I would apprecicate it.

Much thanks!

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on BK Madsen's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License