Tip calculator app with Html, css and JavaScript
Design comparison
Solution retrospective
This is a wonderful project for you to practice Js skills and make a layout in CSS and Js. I don't know why my solution image is different from the design, but they are similar on my site. I appreciate any suggestions or advice. Thank you!
Community feedback
- @ElioskasPosted over 3 years ago
Amazing job on this project! It really looks great.
If you do something like this:
min-height: 100vh; display: grid; (it should work with flex as well) align-items: center; justify-content: center;
on your body it should position your class "background" right at the center. Oh, and one more thing, I believe that Total should be displayed also per person, so you might want to divide the value with number of people. Good luck with your next projects! I hope this helps a bit.
Marked as helpful0@koalalikecodePosted over 3 years ago@Elioskas Thank you very much! I will apply your solution. But I think my total formula is correct because I used (bill/people-num+tip/person). Could you check my site again, please?
0@ElioskasPosted over 3 years ago@koalalikecode Yes, you're correct, sorry, my bad. I guess I am just too tired for math, tonight. Best of luck with the next one! Take care.
Marked as helpful0
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