Skip to content
Submitted about 2 years ago

Mobile First Pricing Component with Toggle

Shaun Pour•630
@ShaunPour
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Pricing component with toggle
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I mostly got this working as intended but there are a few little css things that aren't quite the same. The fact that my lines between the various data bits in the cards aren't showing up for no discernable reason for one thing.

Community feedback

  • Santiago Pérez Sanabria•110
    @mperezs06408Posted about 2 years ago

    Hi! Your solution is good, but you can fix it applying the css in the correct html boxes. For example: I found that you apply the lines bg image over the header but in the original design this is applied over the main background, maybe changing how you set those images supplies by de challenger you solution could get better.

    Also, maybe using a ::before pseudoelement in body css you could implement the other image that according to the design should be set on botton-left page position.

    For the rest, you're making a great job and continue to practicing! cheers

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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