Responsive Pricing Component with Toggle

What are you most proud of, and what would you do differently next time?

This was a fun challenge. I took it as an opportunity to practice module importing, as I wanted to import the toggle switch component. I discovered the SlideOn vanilla Javascript library, which provided me with the component I needed. This is preparing me to learn the React workflow and build websites and apps using components.

Note - I chose to make the default component state for the toggle anually, as starting from the left is more common in my area.

What challenges did you encounter, and how did you overcome them?

The imported toggle functioned and looked differently than the design. It still took a bit of work to get it to behave and look like the design. Also, updating the text content or text node of the price element eliminated the custom $. I solved that issue by loading the $ in CSS via the ::before pseudo-element.

What specific areas of your project would you like help with?

All feedback is welcome.