Age calculator (React, flexbox)

Community feedback

• 

  Marcos Travaglini•4,840

  @BlackpachamamePosted 10 months ago

  Greetings! you have done a great job 😎

  📌 Some suggestions

  • The width: 100vw property is unnecessary, it also generates a horizontal scroll
  • Do not use vw or vh for the width or height of your main. Better use rem, em or px
  • Use min-height and max-width, this will help the content stretch or shrink if you need to. Unlike height and width which can cause your content to be cut off on certain screens
  • You have applied flex-shrink: 1 in your .App. Why? does not apply here
  • The texts above the input should actually be label. To these you must add the for attribute with the same name as the id of the input to which they refer.

  Marked as helpful

  1

  ---

  

  P

  Giorgi Khaburzania•350

  @GioKhabuPosted 10 months ago

  @Blackpachamame Many thanks Marcos for such useful hints, I have already made some of the changes.

  1