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

HTML5, CSS3(flexbox and media queries) and JavaScript

@aasthaanand123

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 really enjoyed doing this one too. Would really appreciate any feedback coming my way. Thanks!

Community feedback

Account Deleted

Hi, this is actually good, nice one on doing it.

When you on mobile, hovering on the buttons shifts the cards a little bit, and It shouldn't be that that big of a fix since you done it on desktop.

What I usually do is decreasing the padding of the buttons on hover a little bit, maybe by 1px or 2px to accommodate for the thickness of the border and it works like a charm.

Happy coding.✌

1

@aasthaanand123

Posted

@thulanigamtee Thanks for the feedback! I will surely update the changes.

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