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
Cannot read properties of null (reading 'code')
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive pricing component solution. SASS and JS

Isaac Novaesβ€’ 650

@isaacnovaes

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


Hey! If you find anything that can be improved, please let me know! Thanks😁

Community feedback

Isaac Novaesβ€’ 650

@isaacnovaes

Posted

Hi @MikevPeeren!

First of all, thank you for analyzing my solution. About the slider shadow, I just did what the challenge design itself determines.

Thank you for your considerations! 😁

0

MikevPeerenβ€’ 2,100

@MikevPeeren

Posted

@isaacnovaes it seems a bit darker on yours tho as the design has a full white background while yours has some shadow cast on top of it.

0
Isaac Novaesβ€’ 650

@isaacnovaes

Posted

@MikevPeeren ahh, OK. I see we are talking about two different things. I referred to the slider, more specifically about the draggable circle. According to the challenge design, it should have a green shadow. On the other hand, you are talking about the main container. I agree that it might look distractive, as you said. However, I just wanted to practice a little bit of neumorphism.

Thank you once again for feedbacking my solution! 😁

0
MikevPeerenβ€’ 2,100

@MikevPeeren

Posted

Hey @isaacnovaes,

Good job, I like your border more than the design.

The component is responsive so good job, I don't really like the shadow on the slider tho as it is too distractive.

Also try to add labels for your inputs so they are more accessible.

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