Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Accessible responsive Pricing component with toggle

P
Ortaly 830

@ortalyarts

Desktop design screenshot for the Pricing component with toggle coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Buit with:

  • Semantic HTML5 markup
  • Native CSS
  • Vanilla Javascript
  • JSON file to store the pack details
  • fetch() to get and populate the data from JSON file
  • CSS transition to animate switch toggle
  • Accessibility Techniques

Checked with:

  • Chrome Screen Reader
  • PerfectPixel
  • Lighthouse

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

I tried to make this solution as accessible as possible. Please let me know if you spot any issues. Also if you spot any other problem, I would be glad to hear about it :)

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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