Skip to content
Submitted over 4 years ago

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

Rabin Gharti Magar•455
@Rabin92
A solution to the Pricing component with toggle challenge
Preview (opens in new tab)Code (opens in new tab)

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!

Code

Please log in to post a comment

Log in

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    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)! 😁

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