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

Responsive Pricing component with toggle jQuery

Amr 710

@amrmabdelazeem

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


I tried to use only CSS with this, even tried to handle it with selectors as :checked, :focus and even multiple classes but it didn't solve it 100%, also I even gave Sass a try but figured out this is still JS so I will just use JS -_-

But I really liked it, guess I like handling prices.

Also if anyone knows a better way to figure out the designs dimensions, that would be great, As I won't waste time with a pixel perfect in this matter.

Community feedback

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