Submitted about 2 years ago

Pricing Component with Toggle | Progressive Enhancement

accessibility, lighthouse, progressive-enhancement, sass/scss, bem

Vanza Setia•27,715

@vanzasetia

A solution to the Pricing component with toggle challenge

Preview Code

Solution retrospective

Hello everyone! 👋

I finally completed another challenge. This is my first solution in 2023. 🎉

Surprisingly, I learned a lot while building this project. I mainly learned about progressive enhancement. In this case, the content of the site can be understood with HTML only. CSS and JavaScript are only for enhancing the site.

I have a question. How to make an accessible toggle button with HTML and CSS only? It is part of the bonus challenge. Right now, I use the checkbox input to create the toggle button.

Any suggestions for improvements are welcome. Also, you can ask me any questions about the technique that I used.

If you have finished this challenge and would like me to give feedback on it, please include a link to your solution. I would be glad to help you!

Happy coding!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Vanza Setia'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