Submitted 29 days ago

calculator app using grid and flex

Bchoga•100

@Bchoga

A solution to the Calculator app challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

Responsiveness

I achieved responsiveness without using too many media queries

Design

I am kind of happy about my UI and overall behaviour

Functionality

Though the app can not calculate more "complex" math like '2--1', it works pretty well

Future Improvements

I will try using a preprocessor like sass

Code

Please log in to post a comment

Community feedback

Harsh Kumar•5,780
@thisisharsh7
Posted 29 days ago
Hey, great job on completing this project! Your theme switching feature is very good and the transition adds enhances the UX.

For future improvements:
- Try adding keyboard support (e.g., allowing the user to type numbers and operators directly).
- Use comments in JS to clarify logic, especially in evaluate() and processInput() — will help future you to understand the flow.
- Keep exploring Sass will help organize styles better in future projects.
Overall, a fantastic work - happy coding!
Marked as helpful
Marzia Jalili•9,670
@MarziaJalili
Posted 29 days ago
Awesome! 🔥

🌟 A tiny tweak?

✅ For mobile, you can add some inline margin to the calculator to set it apart from the edges of the page.

The web's insane, bro! 👑

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord