Splitter

This responsive web app allows users to split their bills while also allowing them to factor in tips. Created using HTML, CSS and JavaScript. Hosted here using Heroku.

This is a solution to the Tip calculator app challenge on Frontend Mentor.

The challenge

Users should be able to:

• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• Calculate the correct tip and total cost of the bill per person

Screenshot

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Javacript