Desktop design

Error states

Mobile design

Age calculator app

<h2 class="result"><span id="yyyy">--</span>years</h2>

<h2 class="result"><span id="mm">--</span>months</h2>

<div class="attribution mt-5">
    Challenge by <a href="https://www.frontendmentor.io/challenges/age-calculator-app-dF9DFFpj-Q" target="_blank">Frontend Mentor</a>. 
    Coded by <a href="https://www.frontendmentor.io/profile/EngProvidence">Ngonjoh Providence</a>.
  </div>

<label for="" class="col-4 text-muted d">DAY <b

>DAY <br> <input type="text" id="day" class="fw-bold form-control fs-lg " required="" placeholder="DD">

<label for="" class="col-4 text-muted d">MONTH

MONTH <br><input type="text" id="month" class="fw-bold form-control fs-lg" placeholder="MM" required="">

<label for="" class="col-4 d text-muted ">YEAR <

YEAR <br> <input type="text" id="year" class="fw-bold form-control fs-lg" placeholder="YYYY" required="">

ol-1 ok "><img src="assets/images/icon-arrow.svg" alt="ok" width="30px" role="button" id="confirm" class="mt-2"></div>

Design comparison

Please log in to post a comment

age-calculator app with js jquery

Design comparison

Solution retrospective

Community feedback

Please log in to post a comment

Join our Discord community