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 with Html, css and JavaScript

Nguyen Duy 245

@koalalikecode

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


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

Marko 65

@Elioskas

Posted

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 helpful

0

Nguyen Duy 245

@koalalikecode

Posted

@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
Marko 65

@Elioskas

Posted

@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 helpful

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