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

Practice-15

@SvitlanaSuslenkova

Desktop design screenshot for the Age calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


It took too much time and efforts to do it. I think poor js is not very suitable for this task... Had an unsolved problem: Some variables didn't work if taken out of the function.

Community feedback

Prashanth 290

@PrashanthBalakrishnan

Posted

use

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */

input[type=number] { -moz-appearance: textfield; }

to remove the number control on the input buttons

Marked as helpful

0

@SvitlanaSuslenkova

Posted

@PrashanthBalakrishnan Thank you for your comment. But I haven't learnt about webkit enough to be able to use it yet))

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