Responsive Age Calculator App

Community feedback

• 

  Jack Smith•350

  @ClonephazePosted 10 months ago

  Looks good! A couple things though

  • Your mobile design breaks at 375 as thats where frontend says it tests for, but for better practice you should put that media query at something like 480 as thats more standard, then set the max-width of your containing element to something like "90vw" which would be 90 percent of the entire view width of the screen. That will scale the box as required to make sure its never bigger than that. You'll probably need to tweak some other min-values to allow for proper scaling but you can do it!

  • Your input fields have "value="DD", which puts DD or similar in the field that need to be removed by the user. Instead use "placeholder=DD" and you'll get text in the box that automatically removes itself as the user starts typing. You can stylize this text with "input::placeholder {color: grey;Font-style: italic;}" for example.

  You also seem to have accidentally posted twice, you should remove that other post so you don't have duplicates.

  Marked as helpful

  0