Interactive Pricing Component using Flexbox and CSS variables.

Solution retrospective
Another FEM project for me had some fun with it but also got challenged on the way, f.ex. implementing the sliders and their interactivity.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Moyo75
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.
-
- @arnaudouttier
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
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