Skip to content
Submitted almost 4 years ago

Interactive pricing component with pure HTML, CSS and Java Script

Davi Félix•80
@davifelix5
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive pricing component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I could not find a way to style the range input for the webkit navigators in the same way as the design preview proposed.

I also took the liberty of adding a highlight color on the billing method selected, which was not specified on the design preview proposed on the challenge. I hope it was a good idea!

Any feedbacks are more than welcome!

Community feedback

  • Cyril•125
    @cyrilsourcePosted almost 4 years ago

    Hello Davi,

    Good job ! Congratulations !

    for the input range in chrome, you must use css linear-gradient and javascript
    on codepen good luck !

    1
    Davi Félix•80
    @davifelix5Posted almost 4 years ago

    Thank you, @cyrilsource!

    The linear gradient is a great way to solve the problem, it helped a lot!

    I'll try to implement it!

    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