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.
I have completed this challenge provided by frontend mentor. It is responsive for all screen sizes and fully functional
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
I have approached designing with Mobile-first workflow added rupee symbol instead of dollar so that I can use it according to Indian currency standards
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Responsive web design
This was an excellent challenge to improve my web designing approach and knowledge of Javascript, responsive web design
I'm thinking of adding Light/Dark toggle to change themes
- Kevin Powell (Conquering Responsive Layouts) - To learn responsive design I have followed this course this helped me a lot.
- Akshay Saini (Namaste Javascript) - To understand basics and to fall in love with javascript I'll recommend this playlist
- Github - @kaizokuopamya
- Frontend Mentor - @kaizokuopamya
Frontend Mentor challenges help you improve your coding skills by building realistic projects.