This is a solution to the Tip calculator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
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
- Solution URL: https://github.com/andysmithdev/tip-calculator-app-main
- Live Site URL: https://andysmithdev.github.io/tip-calculator-app-main/
- CSS
- JQuery
Useful refresher on JQuery for me. Design is not an exact match to the spec but its close enough. I think there must be a better way to implement the 'custom' radio button though, I ended up using javascript to pass though the number input focus event to 'click' the hidden radio button underneath. Is there a way to do this in pure CSS?
- Frontend Mentor - @andysmithdev