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

Newsletter Sign-Up Form - Flexbox, Mobile First

Chriscent Pingolβ€’ 230

@KishonShrill

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

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

@Ridwan22XD

Posted

my pleasure ma men :)

1
Ridwanβ€’ 30

@Ridwan22XD

Posted

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

1

Chriscent Pingolβ€’ 230

@KishonShrill

Posted

@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
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