How to get all input fields the same length?

Code Pen: :point_right: https://codepen.io/troy_b16/pen/NWwRMNL :point_left:

As you can see, the input fields do not all line up with each other I’m finding myself having to manually do the work and I can’t help but feel like there’s an easier way to do this. The number input where the age is seems to be finicky and a pain to deal with lol.

Any help would be greatly appreciated!

I would look into the CSS box-sizing property, specifically the border-box value. Most people apply it to everything using the * selector because it is so useful.

1 Like

YES! That absolutely worked and fixed the issue with the number input not being responsive while everything else was. Thank you for your help @bbsmooth !! :clap:

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.