Desktop design

Error states

Mobile design

Age calculator app

<div class="font-poppins700i text-4xl sm:text-7xl"><p class=""><span class="text-purple align-middle">--</span> years</p><p><span class="text-purple align-middle">-- </span>months</p><p><span class="text-purple align-middle">--</span> days</p></div>

ay</label><input name="day" placeholder="DD" maxlength="2" class="border border-solid rounded-lg w-20 h-12 p-4 text-black text-md font-poppins800 sm:text-xl sm:w-28 border-lightGrey " type="number"><span

ppins400"><section class="loading-transition flex flex-col w-full bg-white p-8 sm:py-12 sm:px-16 m-8 rounded-2xl rounded-br-[6rem] min-w-fit max-w-2xl"><form>

Please log in to post a comment

Community feedback

Age Calculator app : React, Tailwind, React Hook Forms, Framer Motion

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community