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

Split the Bill - Don't get cheated

@Khulekani1211

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


What are you most proud of, and what would you do differently next time?

The one main thing I learnt in this project was making use of data-attributes within my button elements. I have seen them used before but did not understand how and why. I used them to record the percentage values of each button.

What challenges did you encounter, and how did you overcome them?

I really struggled with responsiveness on changing screen height. I want to continue with the project to a point where I can nail down height responsiveness. Any suggestions are welcomed.

What specific areas of your project would you like help with?

I am still struggling with getting the scale right, my chrome won't download the PixelPerfect plugin.

Community feedback

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