Mobile first newsletter signup form [HTML, CSS, JS]

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

This one took longer than I expected—mostly because I was trying out new things, like learning how Lighthouse works and understanding metrics like FCP, LCP, FB, etc. I'm proud that I got to explore concepts I hadn't worked with before. Next time, I'd like to use PostCSS, and also try out Eleventy (11ty) to see how much it can improve site performance.

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

Most of them were small issues, like rel=preload not working for images—which turned out to be a typo issue. I also had to figure out what the table version of the layout would look like. Another problem was that the transition on the button’s background color wasn’t working because it was a gradient color, and transition doesn’t apply to gradients. To work around that, I used a ::before pseudo-element to create the gradient background and then adjusted the opacity to achieve an ease-in-out effect.

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

I’d love to get feedback on my code performance—whether what I’ve done is correct or if there are any issues I might have missed. Specifically, I’m looking for feedback on things like code optimization, form validation, and accessibility.

That said, I’m open to any suggestions for improvement :)