For this project, I used HTML, CSS, and JavaScript.

Please log in to post a comment
Log in with GitHubCommunity feedback
- @TerenceCLZhang
Good job on completing this challenge. To further enhance your code, consider the following suggestions:
➤ I would suggest using semantic HTML, such as using
<header>
,<main>
, and<footer>
for each respective section. This not only improves accessibility but also helps with SEO and overall code clarity.➤ When using
flex
and you want spacing between elements, consider utilizing thegap
property to manage spacing between elements. This is a more modern and maintainable solution compared to relying solely onmargin
, which you can still use selectively for more precise alignment.➤ Improve the accuracy of email validation by using a regular expression like:
^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$
This provides better validation than the browser's default and ensures proper format, including the presence of a top-level domain.
➤ Use JavaScript to display tailored error messages for a better user experience.
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