This is a solution to the Calculator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Build out a calculator app and get it looking as close to the reference design as possible.
Users should be able to:
- See the size of the elements adjust based on their device's screen size
- Perform mathematical operations like addition, subtraction, multiplication, and division
- Adjust the color theme based on their preference
- Bonus: Have their initial theme preference checked using
prefers-color-scheme
and have any additional changes saved in the browser
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- A Modern CSS Reset
- A Complete Guide to Flexbox
- A Complete Guide to Grid
- How to build a Calculator App with JavaScript: Updated calculator code to enable better functionality.
- JS calculator, respecting order of operations: Adapted the calculator code from the previous link to honor order of operations using the code from this location.
- Website - www.richardcyrus.com
- Frontend Mentor - @richardcyrus