Skip to content
Submitted over 1 year ago

Result Component challenge

Azzy dvyastia kesuma•1,345
@azzykesuma
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Plain html,css,js

  • having difficulty in finding the right background color on hover state

Community feedback

  • Biruk Moges•280
    @lost50U1Posted over 1 year ago

    good job on the design and for your hover state add the code below in your css for the hover state it works well.

    button:hover, button:active, button:focus { background: linear-gradient(hsl(241, 81%, 54%) 25%, hsl(234, 85%, 45%) 60%); }

    0
    Azzy dvyastia kesuma•1,345
    @azzykesumaPosted over 1 year ago

    @lost50U1 hey thanks, i'm slightly confused because i'm rarely using linear-gradient as background, let alone transitioning it between state

    0

Please log in to post a comment

Log in with GitHub

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