Submitted about 1 month ago

Responsive Newletter sign up with message using HTML&CSS&JS

bouabdelli maroua amira•520

@amiramii

A solution to the Newsletter sign-up form with success message challenge

Preview Code

Solution retrospective

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

that I did it without third parties

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

a little bit with js, since i'm still a beginner,but practising is making me grow better and better

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

everything related to responsiveness,layout,js.I'd appreciate any help

Code

Please log in to post a comment

Community feedback

Harsh Kumar•5,820
@thisisharsh7
Posted about 1 month ago
Great job! Your live site looks super clean and responsive! Your hover effect and email validation with error messages is working nicely, too.

One suggestion: when the user starts typing in the input, try changing the input text color to something darker, so it's visually distinct from the placeholder. Right now, they look the same, which can be a bit confusing.

For JS: Try breaking your logic into smaller parts and write comments in your code to better understand what each section does. This will help you debug faster and reinforce your learning as you go.

For layout: Here both mobile and desktop views are doing well! For future projects, you could experiment with min(), max(), or clamp() in CSS for font and container sizes.

Overall good work - happy coding!
Marked as helpful
P
AEO•280
@Jayfx24
Posted about 1 month ago
Hi! nice work. Nice work and your code is really neat, i also struggled with the hover on the button, you can try using position + ::after + blur. But overall, nice work @amiramii :)
Marked as helpful

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