responsive age-calculator-app-main

Community feedback

• 

  mashofa•350

  @mbank14Posted 3 months ago

  Hello bro Hanif, the code you wrote is very good and works great, especially with the input validation. A small suggestion from me is that the year input doesn't have validation for years beyond the current year, like 2025.

  For the appearance, if you want to remove the arrow buttons from the input[type="number"], you might want to try the following CSS:

  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  
  input[type="number"] {
    -moz-appearance: textfield;
  }
  

  And for the wrapper to display the calculation results, you can use padding, like adding the class lg:px-8.

  Overall, the functionality is very good, great job!

  Marked as helpful

  0

  ---

  

  hanifanwary•230

  @hanifanwaryPosted 3 months ago

  @mbank14 thanks for suggestion but in this case i use tailwindcss and i don't know how to implementation your code suggestion in tailwindcss, maybe you know how to write in tailwindcss please tell me

  0

  

  mashofa•350

  @mbank14Posted 3 months ago

  @hanifanwary You can add the CSS above inside the

  Marked as helpful

  0