Skip to content
Submitted over 2 years ago

Responsive Interactive with Html - CSS & Tailwind + JS

Miguel Silva•510
@migsilva89
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

This is an interactive pricing component that changes the values with range input + monthly or yearly.

Was made with HTML5 + TAILWIND POSTCSS + JAVASCRIPT

What I learned:

  • I learned how to manipulate data with a range value and change all the values from the range with a click.
  • How to install and setup Tailwind PostCss

Tips or advice on how to improve are very welcome, thank you all!

Regards, Miguel Silva

Community feedback

  • Joaotbb•190
    @JoaotbbPosted about 2 years ago

    Hello Miguel!

    Really good work here. That range input value is on point and the tools that were used made it work flawlessly!

    Marked as helpful
    0
    Miguel Silva•510
    @migsilva89Posted about 2 years ago

    @Joaotbb Thank you for the kind words :)

    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