Skip to content
Submitted about 1 month ago

Created this sign up page Using HTML, CSS, and Javascript

Olamilekan Owolemi•170
@nakelcode
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Newsletter sign-up form with success message
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

This took me few hours to achieve which shows that i'm really getting better with my javascript skills. I know it isn't looking exactly i hope it will be, I still need to tweak the code a bit to achieve this completely

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

I noticed that i still need to get better with my javascript skills, so i planned to work on as many javascript and DOM manipulation classwork hoping it will help me overcome the barrier i'm facing with my javascript skill

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

The hover active buttons. The hover buttons seems like gradient color when hovered but i tried to do it and i could not achieve it so i will appreciate if y'all could check my code out and tell me the best way to achieve it

Community feedback

  • P
    Francisco Javier Marin Ascenso•200
    @Franciscoj91Posted about 1 month ago

    Hello.

    For the button's gradient, you can use the linear-gradient() function in the background property. Look for the documentation so you can see how to use it.

    I recommend that you review the flow of the challenge, you should not be able to access the success page if you do not enter the email with the correct format, I carried out this validation with REGEX.

    Keep practicing and improving.

    Marked as helpful
    1
    Olamilekan Owolemi•170
    @nakelcodePosted about 1 month ago

    @Franciscoj91 Thanks I will try to do it this way and see how it turns out

    0

Please log in to post a comment

Log in with GitHub

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