responsive, css grid, flex box, media query, semantic tags, JS events
Design comparison
Solution retrospective
Hi, programmers
This is my solution for Interactive-pricing-component challenge.
All feedbacks are welcome:)
Thancks.
Community feedback
- @fa7ehPosted over 1 year ago
Congratulations on completing this challenge 🎉
I have one suggestion regarding your input slider.
You don't have to use div to make a slider with thumb. HTML already have a input method for this. It is called type="range" Syntax below
<input name="slider" id="slider" type="range" min="1" max="5" step="1" value="3" />
Here, you can choose min,max and step. When user moves the thumb on the track (slider bar), the thumb automatically goes to the next value. So user can only choose the pre-defined values rather than every possible value between min and max.
Value attribute gives the slider a default position when page loads.
further you can style the thumb and track in css the way you like.
I hope you find this useful
0@eddybproPosted over 1 year agoHi, @fa7eh
thank you for this suggestion, I appreciate it:)
0
Please log in to post a comment
Log in with GitHubJoin 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