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

single-price-grid-component

Tom R. 110

@TomTwig

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@omerome83

Posted

Great job on the challenge!

My only suggestion is to have a hover for the sign up button as when I currently try to mouseover, nothing happens.

You can do so using something like this by adjusting the lighting value for the HSL by creating an additional CSS variable like below:

.card__section__bottom__left button:hover
{
/* --color-primary-brightYellow-hover: hsl(71, 73%, 64%); */
  background-color: var(--color-primary-brightYellow-hover);
}

Marked as helpful

1

Tom R. 110

@TomTwig

Posted

@omerome83 Thank you. I completely forgot about it :)

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