Skip to content
Submitted almost 2 years ago

Pricing component with toggle using vanilla JS

Wessel Konstantinov•350
@WesselKonstantinov
A solution to the Pricing component with toggle challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I based my solution for the toggle switch on Scott O'hara's implementation, which involves the use of pseudo-elements to create the switch UI.

This is also my first time working with clamp() in order to set a fluid font size on the price. I decided to include this, because I noticed the original font size of 72px seemed a bit too large at a viewport of 320px.

Any suggestions for improvement are welcome.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Wessel Konstantinov's solution.

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