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

Mobile-first Responsive page built with CSS Grid, Sass, & Vanilla JS

@Rabin92

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 enjoyed working on this challenge, learned how to implement multiple backgrounds and place them correctly using various background-position values.

Any feedback regarding my code would be greatly appreciated!

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hi, Rabin Gharti Magar! 👋

Good job on this challenge! 👏 It's good to know you learned some new things! 😀 That intro animation is quite eye-catching! 😎

I'd just like to suggest,

  • Adding an invisible border to the buttons of the pricing cards and changing the color of those borders upon hover (rather than add a border from scratch, which adds a little bit of width and height to the buttons and makes the rest of the content around them "jump" a bit when the hover state is triggered).

Keep coding (and happy coding, too)! 😁

1

@Rabin92

Posted

Thank you very much for your feedback @ApplePieGiraffe. I have made those 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