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

Pricing component with toggle solution | Mobile first | Responsive

#accessibility
ROCKY BARUA 1,090

@Drougnov

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


I had some accessibility issues while working on this challenge in VS code.

When I tried to make the toggle button with a label and checkbox, I need to add some text for accessibility. So, Instead, I made it with div. What's your thought on this?

Another issue is scroll behavior is not supported by Safari. Is there a way to fix this issue?

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