All solutions

• What are some common practices for validating inputs with javascript and outputting error messages?
• How do I reduce the margin bottom of the last input row to the "Confirm button" when one of the inputs is invalid? (according to the design the distance of the input field to the button is slightly smaller then the height of the error message)

Didn't use design files, so witdths and font sizes are not accurate

I don't have the figma design, so I tried to approximate paddings and font sizes.

I don't like how the image is squeezed between 840 and 760 px viewport width. How should I fix that?