Submitted about 3 years ago

Pricing toggle with only CSS

Thibault• 205

@thibault-barrat

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Pricing component with toggle

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hi,

Any feedback would be appreciated.

Thanks

Community feedback

Michal• 665

@mbart13

Posted about 3 years ago

I would advice to start thinking about accessibility, because I'm not able to interact with your page using keyboard

Thibault• 205

@thibault-barrat

Posted about 3 years ago

@mbart13 Thank you for the advice. You're right. As the checkbox was with the property 'display: none', it was impossible to interact with the keyboard. I fix it and you can now change the toggle qith your spacebar.

Patrick• 14,285

@palgramming

Posted about 3 years ago

🌟🌟🌟🌟🌟 Great! Great job! everything looks perfect and like it should.

Thibault• 205

@thibault-barrat

Posted about 3 years ago

@palgramming Thank you :)

Please log in to post a comment

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