Interactive Pricing Component using Flexbox and CSS variables.

Community feedback

• 

  John Ademoye•235

  @Moyo75Posted over 3 years ago

  On mobile:

  • Your toggle button <label class="switch"></label> seems shrunken and thus the slider <span class="slider-round">::before</span> seems to slide out of place. You might want adjust the max-width and padding you gave to <div class="box"></div> a bit.

  • The texts and element flanking the toggle button should be in one line and seems distorted respectively. This also goes back to the max-width and padding you gave to <div class="box"></div> a bit.

  General:

  • The slider background color is missing its slight blue complementary color and thus not flowing when the slider is moved. And you're also missing the shadow surrounding the component.

  • You might want to include a reference to yourself as the developer and also to FEM.

  I hope this helps you get your app to look and behave more as described in the project requirements when you fix this issues.

  1

  ---

  

  Toms Stals•80

  @ph4ntom5Posted over 3 years ago

  @mojo75 thank you a lot for the feedback, will revisit this project at some point to fix your mentioned issues!

  0
• 

  arnaud.outtier•450

  @arnaudouttierPosted over 3 years ago

  Hello, great work, very clean code. I M working on it and i would like to Know how Many Time you spend on it ? Thks

  0

  ---

  

  Toms Stals•80

  @ph4ntom5Posted over 3 years ago

  @arnaudouttier thanks! I think I worked on it on and off for a week or so. Good luck with the project!

  0