Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Traffic based pricing component using scss and javascript

@MonikaCyprys

Desktop design screenshot for the Interactive pricing component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello everyone!

I just finished my first project on this site. It's fully RWD. I was using sass and javascript mostly to did it.

Please feedback me if you can. I will appreciate it :)

Community feedback

Davide 1,725

@Da-vi-de

Posted

Hi GienioBienio, this was my first project too (couple of weeks ago). Great job! I like how you came up with JS solution. I'm not sure article elements is the best choice for the context. I had the opposite problem with the bg circles, it was too small for desktop, in yours is too big for mobile, it's just the height, nothing bad. The slider is a bit bigger than the design provided but i had problems too, (the arrows inside the round for example, i couldn't adjust them). This project looked easier but it takes effort. Very nice done, keep at it, happy coding :-)

2

@MonikaCyprys

Posted

@Da-vi-de thank you very much for your feedback. It was helpful :) and yes, slider was the hardest thing on this challenge. When i find solution how to put arrows in the thumb i will add it. :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

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