
Newsletter sign-up form with success message, using scss, flex and js
Design comparison
Solution retrospective
The javascript part being able validate the email efficiently and also displaying the pop up as intended
What challenges did you encounter, and how did you overcome them?The email validation and the pop up, did some research to come up with efficient and precise solutions
What specific areas of your project would you like help with?Always open to new ideas and suggestions for improvements
Community feedback
- P@CrtykwodPosted about 2 months ago
First of all, congratulations for completing the challenge!!
But there are, indeed, some problems that should be solved:
- Don't include the TLDs in your email RegEx, an email like email@company.com.br being considered invalid is crazy, it basically exclude a country;
- The main card isn't centered in desktop design and the background is white, although it should be pale navy;
- What is the meaning of this
<div class="main">
inside<main>
? - A HTML list should be made with
<ul>
,<ol>
,<li>
, etc... if you plan to use a image as the list marker, make it the<li>
background-image
; - Always have a fallback font like
sans-serif
in case the user browser can't render Roboto; - Don't set your body height to 100vh, because it could break your website, instead, make it
min-height: 100vh;
. It will work better.
That's all i noticed, sorry for any english mistakes i may have committed and, again, congrats for doing the project. Despite these mistakes, the javascript is working correctly and this is the important!!!
0
Please log in to post a comment
Log in with GitHubJoin 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