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 solution (mobile-first, flex, grid)

@faruqAbdulHakim

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


All feedbacks or any suggestion are welcome ^^

Community feedback

Abiβ€’ 300

@abimh66

Posted

Good job mateπŸ‘

I want give some advice. I think you write a wrong logic for calculate Total per Person. That should be 'total = (bill / number of people) + tip amount per person'.

1

@faruqAbdulHakim

Posted

@abimh66 Yeah, I couldn't understand it before. πŸ˜‚ Thanks ^^

0
Hexerβ€’ 3,660

@Phalcin

Posted

Great job man.

1

Account Deleted

Hi there πŸ‘‹

Congratulate on finishing your project πŸŽ‰. You did a great job πŸ’‘

I give some suggestions to help you take your project design to the next level πŸ“ˆπŸ˜‰

  • Change the font-size of .result paragraphs to 2em
  • Make the card a bit wider, it looks smaller than the original
  • Change the grid-template-columns in .tip-selections to grid-template-columns: repeat(3, 1fr)
  • You can also add some box-shadow to the card βœ… Happy coding β˜•

Maqsud

1

@faruqAbdulHakim

Posted

@maqsudtolipov thanks for your suggestions, i will apply them as soon as i have spare time πŸ‘‹πŸ»πŸ˜„

1

Account Deleted

@faruqAbdulHakim you are welcome πŸ˜‰πŸ‘Œ

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