Calculator app in pure HTML, CSS, and JavaScript

Community feedback

• 

  Afnan Malik•180

  @AfnanmkPosted over 1 year ago

  Congratulations on completing the challenge! I am sure you have put a lot of effort into it. Your code is well-structured and readable. The layout also looks good on different screen sizes. I have a few suggestions for you to improve your project further.

  • You can center the calculator container on the screen by applying the below code snippet -

  body {
  width: 100vw;
  display: grid;
  min-height: 100vh;
  place-items: center;
  }
  

  • The height of your result display screen increases when the numbers are bigger. It does not look good and messes up the layout. You can avoid that by adding overflow:scroll and removing height:auto in .calc-display . Also, remove overflow-wrap from .result-field

  Marked as helpful

  0

  ---

  

  impiia•400

  @impiiaPosted over 1 year ago

  thank you @Afnanmk

  0

  

  Afnan Malik•180

  @AfnanmkPosted over 1 year ago

  welcome @impiia

  0