Skip to content
Submitted about 3 years ago

Multi-themed Calculator App using Vanilla JS and CSS Grid

Nduke-Abasi Sam•30
@NdukeSam
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Calculator app
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

I would feedback on the performance of the app. And also the implementation of the User Interface.

Community feedback

  • Dharmik_487•1,740
    @Dharmik48Posted about 3 years ago

    Hey👋,

    Your solution is pretty decent, here some suggestions:

    1. You should remove the yellow border and to center the calc, add display: grid; and place-items: center.
    2. When the user types a very long number, it gets overflowed from the display, you should fix that.
    3. And when the user selects an operation(+,-,*,/) you should show the operation too on the screen.

    Apart from these it is really nice, Keep it up🤗

    Marked as helpful
    0
    Nduke-Abasi Sam•30
    @NdukeSamPosted almost 3 years ago

    @Dharmik48 Thank you so much!! I'd be sure to apply. Though I structured the app not to reflect the operators on screen.

    0

Please log in to post a comment

Log in with GitHub

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