Skip to content
Submitted over 3 years ago

Responsive pricing component done with: HTML/CSS JS/JQuery

jquery, bem
jdev•50
@jdevelops
A solution to the Pricing component with toggle challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Challenge was kinda tricky at first, especially toggle switch part. If you think i could do something, better or there is more "correct" way to do something, please let me know!

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Rio Cantre•9,650
    @RioCantre

    Hello there!Awesome work with this one. Looking at your solution, I would suggest the following for you...

    • In the .block__box, remove padding-top: 1rem; and padding-bottom: 1rem; modify it with padding: 1rem 0;
    • Modify margin: 1em 0 1em 0; in .panel into margin: 1em 0;
    • If the design have hover state of the button , include the background color

    Overall you did well, Hope this helps and Keep it going!

    Marked as helpful

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