/tip-calculator

Tip Calculator App by Frontend Mentor

Primary LanguageCSS

Frontend Mentor - Tip calculator app solution

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

Table of contents

Overview

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

Links

My process

Built with

  • HTML5
  • CSS3
  • Javascript

What I learned

I put into practice my knowledge of HTML5 and CSS3 to develop this application, using semantic tags and media query for styling the mobile version. In addition, I put my previous knowledge in Javascript into practice.

Author

Get in touch