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

age-calculator-app-main

kayswat 80

@kayswat

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


I would really appreciate your contribution on how to perfect my design in the future by giving me an honest review on this project

Community feedback

@huanfs

Posted

try to change the color of label elements to grey, reading the readme-style-guide you can see, the size of elements "--years, ---days, --months" is 35px. try to increase the border-radius to 10px or more. you don't need a ".container" element if you have a ".hero" to house the contents. the input type can be text type too, and in the javascript you turn the value to number using something like "Number(input.value)". and finaly, instead use static values like "px" , try to use "%" or "rem/em" to make all elements responsible, Thus eliminating the need to use media queries

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