Skip to content
Submitted 12 months ago

Newsletter Sign-Up Form - Flexbox, Mobile First

Chriscent Pingol•230
@KishonShrill
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

I have noticed that stylesheets load faster when they are on the <head> tag than in the module file inside JavaScript. When you press refresh or IF you just press refresh once, the bland html loads first THEN the styles load after, thus I loaded my styles in the <head> tag for seamless stylesheet load.

I DID want to incorporate an API that gets your email and sends a 🎉SUCCESS🎉 message email back to you but as I have browsed some API's, I knew it would take me another day to implement the method.

Hoping 🙏🙏 that our frontend mentor seniors can give any feedback on where I can still improve, it may be my "naming sense of variables", "naming sense of classes", or another good way to structure my HTML code.

Community feedback

  • Ridwan•30
    @Ridwan22XDPosted 12 months ago

    my pleasure ma men :)

    1
  • Ridwan•30
    @Ridwan22XDPosted 12 months ago

    bro, i think u have to check your preview site. i found some error in success page :)

    1
    Chriscent Pingol•230
    @KishonShrillPosted 12 months ago

    @Ridwan22XD HAHAHAHA thanks, totally forgot that I have to build the thing and preview it... I just mindlessly deployed it without checking the routes. Thanks for the heads up 😊👐

    The changes should be around in a minute...

    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