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 using Sass

@vivienbalint

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


Thoughts? :)

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hey, Vivien Bálint! 👋

Nice to see you submit another solution again! 😀 Good job on this one! 👍

I suggest,

  • Adding a little space (using margin or padding) to the bottom of the testimonial cards so that there's always some space between them and the bottom of the screen (even on devices with smaller screen heights). 😉
  • Making the toggle-switch tabbable so that keyboard users can access and use that toggle-button.

Keep coding (and happy coding, too, of course)! 😁

1

@vivienbalint

Posted

Thank you for the suggestions, I fixed them! :)

1
P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

@vivienbalint

Just took another look, and the changes are great! Keep it up! 👍

0
Web Frog 1,840

@MasterDev333

Posted

Great work @Viven. Your solution is perfect. I suggest you study BEM naming conventions if you have time. Hope it helps. Happy coding~ :)

1

@vivienbalint

Posted

Thanks! :) I know about BEM, I just don't really like it :D

0

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