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

#100DaysofCode #Coding #Me

Sigh…Every day I read another story about a racist harassing the Black people as they live their daily lives. Whether it’s a middle-aged White man with high shorts threatening a pregnant black woman or a ditzy blonde White woman harassing a worker at Dollar General, there’s always someone trying to…

T.Lanette

Traveler *BritishLit❤️ *Anglophile *BritSoaps #EastEnders *Coder 😎 👩🏾 🇺🇸 #NONFL 🇬🇧 #PremLeague #ChelseaFC 🙋🏾‍♀️🌻 BovarysComplaint.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store