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.
Users should be able to:
- See the size of the elements adjust based on their device's screen size
- Perform mathmatical 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
- Solution URL: Frontend Mentor Solution Page
- Live Site URL: Live site powered by Netlify
- Semantic HTML5 markup
- SASS
- Flexbox
- CSS Grid
- Mobile-first workflow
- Three-way Toggle Codepen - This helped me understand how a toggle can be built, and how I can use CSS to change the toggle when any one radio button has been selected.
- Website - Charmaine Lee
- Frontend Mentor - @charmainelhm
- Twitter - @noodercob_ie