Responsive solution using CSS Flexbox

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

This was my first challenge using a responsive design, I used flexbox and I was pleased with how it turned out.

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

I was unsure where to start with the form validation, I got most of the code for the from ChatGPT and edited it as needed. ChatGPT wanted me to use the "display" attribute to make error messages appear/disappear, but I found better success by using the "hidden" attribute for this purpose.

I was also unsure at first how to add the error icon image to the form box. I found a YouTube video that showed me how to do it, which was to make an "error" class for the input elements which makes the icon the background image, and sets its location to the right side using the "background-position" attribute.

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

I'm new to using flexbox and making responsive designs, feel free to leave constructive criticisms, thank you.