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

Interactive Pricing Component with Vanilla JavaScript

@Lekanjoy

Desktop design screenshot for the Interactive pricing component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

Abhikβ€’ 4,840

@abhik-b

Posted

Hello Alabi πŸ‘‹

Your Solution looks very nice !!! It is very responsive & it's interactivity seems amazing to me. Great Job πŸ‘

Just some opinions :

  • If the .box has a fixed max-width then on large screens it will look more nice. Example : max-width:550px
  • if the .billing has justify-content : space-evenly instead of justify-content : space-between then the transition from large screen to mobile screen looks slightly better

Your solution is very close to original design , Nicely Done !! Please Keep Coding such amazing solutions

Marked as helpful

1

@Lekanjoy

Posted

@abhik-b Thank you for taking the time to review my solution. I also thought of having a fixed width on the .box but I later modified it at the last minute. I will be sure to change it.

1

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