Submitted over 4 years ago

Responsive pricing component using Flexbox, Sass, JS, Mobile first

tediko•6,700

@tediko

A solution to the Pricing component with toggle challenge

Preview Code

Solution retrospective

Hello👋!

Firstly to animate the price I used two paragraphs with different price values. I was not convinced that was a good solution due to accessibility because the second paragraph was hidden with opacity. I know that I could easily change the textContent in JavaScript but I couldn't get an animation effect till i found animate() method. link here. That would be my only question but I managed to find a solution 😎. Anyway any additional feedback is also welcome!

Thanks! 😁

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on tediko's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord