Submitted 3 months ago

Newsletter signup challenge

alvarozama• 360

@alvarozama

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Newsletter sign-up form with success message

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

The thing I'm proud of the most it the time it took me to complete this project. The previous challenge took me more than a week to get to a point where I was somewhat satisfied, so I was expecting to take about that long to complete this one. However, this time around it only took me three days as it didn't take too many tries to get everything to work properly.

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

Nothing particularly challenging this time around. Completing this challenge wasn't a breeze, but there was constant progress at all times.

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

If anything, I'd like to improve the design of the mobile layout. I'm not completely satisfied with it.

Community feedback

Martin Mwaka• 390

@Temceo

Posted 3 months ago

A very good effort.

One area I would suggest for improvement is to give the container a max-width (eg 900px) so that at desktop the layout will remain constant no matter how large the viewport. This will enable you to cut down on the amount of media queries you have used.

I also recommend learning to use mobile first design as I find this reduces the need for media queries. This article from Kevin Powell gives a good introduction to mobile first design

Marked as helpful

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord