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

HTML CSS and some JQUERY

Pete 150

@petewk

Desktop design screenshot for the Pricing component with toggle coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feel this is pretty close, quite happy with it, only small differences I can spot like the size of the $. Feedback appreciated

Community feedback

Jay 695

@Junjiequan

Posted

Hi pete,

If I may, I would love to suggest you to focus on tablet responsiveness as well :)

0

Pete 150

@petewk

Posted

@a331998513

Yep definitely makes sense, it hasn't been in any of the specs for the challenges I've done so which is why I've left it out, but worth doing.

Thanks!

0
Rayane 1,935

@RayaneBengaoui

Posted

Hello Pete,

Congrats for completing the challenge ! 🙂

I'd like to suggest :

  • Add cursor: pointer to your buttons so they look clickable.

  • Adding the box-shadow property to your cards to create an effect of depth.

Overall, well done for the challenge and happy coding ! 😃

0

Pete 150

@petewk

Posted

@RayaneBengaoui Hi,

Yeah great suggestion, thanks for that, I'll use that from now on in solutions with buttons in them.

Cheers

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