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

Tip Calculator App - Using HTML/CSS/Vanilla JS

JibbyCodes 290

@Kijimai

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I loved working on this one and I think it's the closest I got to the design. It was difficult thinking about the particular structure of my javascript and there may be spaghetti-looking code in there, but it was a very valuable learning experience and it does work!

I intend to redo this app in my own way with my own designs, but still use this beautiful design as a basis.

Any comments and critiques welcome! Thank you for viewing.

Community feedback

Davide 1,725

@Da-vi-de

Posted

Hi Kijimai, i like it very much, good result for this challenge.

  • I like how the code is organized: semantic, indentation, comments.

  • The only thing i noticed is in your reset, you included padding: 0 so in this case you have no default padding. On mobile version it's too close to the edge, maybe a little bit of padding in your .card class wouldn't be bad.

Well done, happy coding!

Marked as helpful

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