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

Responsive Pricing Component using Sass, BEM and JavaScript

Tin.Pham 250

@tin-pham

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


It been a while since my last submit, because Im learning more about JavaScript :) Can anyone give me some feedback since this is my first 'Junior' challenge

Community feedback

T
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Greetings, Tin Pham! 👋

Nice to see you complete another challenge! 😀 Good job on this one! 👏

One or two things I suggest are,

  • Adding an invisible border around the "Learn More" buttons in the pricing cards and changing the color of that border when the button it is hovered over (rather than adding the border when the button is hovered over) to prevent the extra width/height added from the border from making the rest of the content inside the pricing cards "jump" a bit upon hover of the button.
  • Adding some focused states to the various interactive elements of the page (such as the toggle-switch and the "Learn More" buttons) so that users can easily tell which element is selected or tabbed to. 😉

Keep coding (and happy coding, too)! 😁

1

Tin.Pham 250

@tin-pham

Posted

@ApplePieGiraffe You alway give me some feedback. Thanks for all

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