
Design comparison
Solution retrospective
I'm proud of doing the email verification using vanila js. Next time i will use third party like validatorjs.
What challenges did you encounter, and how did you overcome them?Some of the challenges i encountered was when dismiss success page, the email was still on input field because i just changed the display property of pages. I decided the button should reload the page not change the display property
What specific areas of your project would you like help with?I would like help in following areas
-
Working on mobile version, the top image was clipped i don't why mostly it occurs when i set align-items to center but even when i removed it nothing changed.
-
On switching the pages when success validation, i wanted to use classList but i found it didn't work efficiently so i decided to write the style directly.
-
Setting the height of container(the whole content) and body given the desktop and mobile design have different sizes. Mostly i set the body and container height on desktop and mobile separately using @media but i don't think it is good practice
Community feedback
- @DanieleErcoli243Posted about 1 month ago
Hi. I took a look at the page. The validation works properly, well done, but the message exploded when I got there. I used Javascript to write the error message according to the error, but you followed the reference so I don't think that it's a mistake. I tried the different breakpoints, but If you saved some work I'm proud of you.
1@Jackson-zablon15Posted about 1 month ago@DanieleErcoli243 Thank you for reminding about. I didn't notice i will work on it asap and push the changes.
1
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