Frontend Mentor - Tip calculator app solution

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

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

• Solution URL: GitHub Repo
• Live Site URL: Depoyed version

My process

Built with

• Semantic HTML5 markup
• CSS
• Flexbox
• CSS Grid
• Mobile-first workflow
• Vanilla JavaScript

Getting started

To get a local copy up and running follow these simple example steps.

Prerequisites

• Gitbash installed to navigate between the branches.
• A preferred text editor for example VS Code.

Install

Clone this GitHub Repo to your computer on yourFolder by typing these commands in the terminal or download as a Zip file and extract.

$ mkdir yourFolder

$ cd yourFolder

$ git clone https://github.com/chaw-bot/TipCalculator.git

👤 Author

• Frontend Mentor - @chaw-bot
• GitHub: @chaw-bot
• Twitter: @chaw36422087
• LinkedIn: Chawanzi Ng'uni

Acknowledgments

Hat tip to Frontend Mentor for the challenge and the template provided.

Contributors

Thank you, Beardless-sheik for your contribution. 😃

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!