Responsive Contact Form

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

I'm proud of the organization of my CSS, and my JS functions. I discovered about the BEM convention for CSS and HTML. Moreover, learned that it is the de facto naming convention to use. As I learned this, I did my best to rewrite my CSS and convert it to use the BEM convention.

Also, I discovered a JS module that allows the usage of confetti. Since this was a cool feature, I added a confetti pop that falls from the top screen when the form submits with no errors. (meaning proper input was given by the user)

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

Researching for a value for the position attribute that acts like position: relative; and position: sticky; After looking up the different values of position and testing each one, I discovered that position: fix; was the correct attribute.

I really struggled with the error message feature. I didn't have a single idea of how to do it in the first place. so naturally, I looked up. I came across a page from W2S school and other pages online. took inspiration, and copied some code to make it work.

And I'm not guilty of using AI wherever I get stuck on something. and asking for feedback or ideas.

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

Any feedback is appreciated.