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: GitHub Repo
- Live Site URL: GitHub Pages
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Sass - CSS pre-processor
This is the first time that i had used the mobile first approach and really had made the workflow on making the website much easier.
I have my website fully functioning but i think there are still a lot to improve especially on refactoring the code for the javascript as I think it can be more simplified and be more cleaned the wau it was written
- CSS Tricks - CSS Tricks is always my first approach to help me remember the basics of CSS Layouts like Grid and Flexbox as i often almost forget the fundamentals
- W3Schools - All Webdev related things W3Schools always got me covered
- Website - Kyle Atienza
- Frontend Mentor - @Kyle-Atienza
- Twitter - @AtienzaKyle
To My Friends who checked the website and checks for errors you da real MVP