Interactive Pricing Component

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

The slider. It was the hardest part of this challenge and since this was my first time working with a range input type, I had no idea what I was doing, but managed to get the functionality for it down.

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

Ahem WHAT SADISTIC LUNATIC MADE THIS CHALLENGE AND WHO MADE IT JUNIOR?! I wasted hours upon hours trying to figure out how to get the slider colors right and manipulate them using javascript. I watched like 4 videos just for that one part! Not to mention, it also featured a toggle button! Why make this harder! How did I overcome the range input you might ask, Ahem I watched many youtube videos over and over until I managed to get it. The hardest part was getting the color on the slider based on the position of the slider using javascript.

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

What is the best way to figure out the font size margins and paddings? It's hard to get a perfect 1 to 1 solution without knowing the exact values and only winging it based on if it looks good. Is there a trick I can use to get the perfect font sizes, margins, and paddings?