Responsive Coming Soon page with email validation

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

I’m most proud of how the layout transitions seamlessly between mobile and desktop views using a mobile-first approach. The use of CSS Grid and Flexbox made the layout both flexible and maintainable.

Next time, I would like to refine my process by using a CSS preprocessor like SASS to make my styles more modular and reusable.

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

One of the biggest challenges was ensuring the email validation logic worked correctly and displayed appropriate error messages. I overcame this by carefully testing various edge cases, like empty inputs and invalid formats, and using regular expressions to ensure the email input adhered to standard formats.

I also faced challenges in precisely matching the design spacing and proportions, as the provided design was in JPG format. I resolved this by approximating values using browser developer tools.

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

I’d like feedback on:

• The responsiveness of my layout. Are there any issues with how the site looks on specific devices or screen sizes?

• The JavaScript email validation. Is there a more efficient or user-friendly way to implement the validation logic?

• General accessibility improvements, such as ARIA roles or screen reader compatibility.