Skip to content
Submitted almost 5 years ago

Pricing component with toggle, HTML/CSS only

Jakub Topoliński•75
@kubikill
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

Is the switch code written well? I feel it's a hacky solution, honestly I would've preferred doing it with JavaScript instead.

Community feedback

  • Adarsh Pratap•5,515
    @adarshcodesPosted almost 5 years ago

    Hi! @kubikill, Your solution looks great, the toggle is fine. You can make a few changes to the border of the first and last card to look more similar to the design.
    you can use border-radius: 8px 0 0 8px; for first card and border-radius: 0 8px 8px 0;

    2
    Jakub Topoliński•75
    @kubikillPosted almost 5 years ago

    @adarshcodes Good catch! I didn't even notice that, I'll change it. Thank you for your feedback!

    1

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