Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

iam waiting for your feedback , feel free .

Sameh• 430

@SamehCode

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

Maverick• 40

@PatrykGrzyb

Posted

From my side cause I am newbie and from User expierience I would say that input for e-mail could have diffrent coursor cause hands suggest that is a button.

Marked as helpful

0

Sameh• 430

@SamehCode

Posted

@PatrykGrzyb Thanks for your pass, i will try to get it as close as be

0
Sameh• 430

@SamehCode

Posted

@PatrykGrzyb but if u look at active states image you'll find that hover on input email cursor pointer , but i modified it anyway. thank you :P

0
Aaron Ragudos• 480

@Ragudos

Posted

Hello! I am new to Frontend Mentor, and my first try is awesome! Anyway, I stumbled upon your work and decided to check it out.

My recommendations:

  • use <picture> element for images.
  • use a regex for email validation since invalid emails are still submitted.
  • use background-image CSS declaration to achieve the desired hover effect (gradient) on the button.

All-in-all. Great job!

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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