Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

React.js - CSS Grid - Responsive

Fabio Augusto• 50

@FabioAugustoDametto

Desktop design screenshot for the Calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedback ll be welcome / Qualquer feedback será bem-vindo :)

Community feedback

Account Deleted

Your solution is fully functional, but I have a suggestion.

When doing an expression, inputting a number clears the one that was there on the screen, I need to be able to see 4 + 5 all at once, because that takes away the ability to do more than one symbol on a single expression; 4 + 5 - 3 * 2.

Happy Coding.

1

Fabio Augusto• 50

@FabioAugustoDametto

Posted

Hello! Yea i thought of doing it this way, but instead used the logic of my calculator as a model. Thx for your suggestion xD

0
Tereza• 605

@sirriah

Posted

Hello,

nice work :). I see one problem - the theme switcher. In firefox I see that it is made with checkboxes, but I think that radiobuttons would be better. Checkboxes can be checked all together, but in a group of radiobuttons can turned on only one of them. In your app I could turn on all three options in one time. Happy coding!

0

Fabio Augusto• 50

@FabioAugustoDametto

Posted

Nice! I totally forgot to try with radiobuttons hehe Thank you!

0
minthing• 145

@minthing

Posted

Hello! Nice Work Fabio!

Here is my suggestion, if i do 2*0 = 0 and press any other number, then 0 doesn't dissapear like 02. butI think it's better to be 2, not 02.

0

Fabio Augusto• 50

@FabioAugustoDametto

Posted

Oh i see this is not supose to happen, i ll fix this. Thx for your feedback!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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