My FrontEnd Mentor Challenge: Pricing Component with a Toggle Switch

Frontend Mentor has been one of my favorite resources to use to practice my web development skills. So far I have completed 10 challenge projects. My latest project, Pricing Component with Toggle Switch, was a great opportunity to practice my Vanilla JavaScript skills. I needed to create a toggle switch that changed the monthly prices to the yearly prices.

I tried a few new techniques. I used the before and after pseudocode to place labels to the sides of the toggle switch. I also added the background images as their own svg elements and positioned them separately. This was a Junior Level project. The link for my version of the design is below.



Pricing Component with Toggle Switch

Please follow and like us:
Follow Me
Tweet
Tumblr