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

Published by

TLanette

Teacher, writer, web designer, friend, and traveler... I try to experience everything and let go of all that I cannot control.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.