form validation js

What are you most proud of, and what would you do differently next time?

I'm proud that I managed to finish it and that I didn't take as long as I thought I would, but I'm still not very good at judging sizes

What challenges did you encounter, and how did you overcome them?

i couldnt get the validation to work, because I had forgotten to add defer in the script tag; also the linear-gradient acts different on firefox and chrome: on firefox it's vertical instead of horizontal; i just changed the direction from 90deg to 180 and now it works fine on firefox too, but I'm not sure why

What specific areas of your project would you like help with?

I used the flex property to style the form and the image, by giving both flex: 2, and I like the result, but I don't really understand how the property works. I just tried random values until it looked good