Design comparison
SolutionDesign
Solution retrospective
Project status:
- [x] View the optimal layout for the site depending on their device's screen size
- [x] See hover states for all interactive elements on the page
- [x] Submit their email address using an
input
field - [x] Receive an error message when the
form
is submitted if: - [x] The
input
field is empty. The message for this error should say "Whoops! It looks like you forgot to add your email". - [x] The email address is not formatted correctly (i.e. a correct email address should have this structure:
[email protected]
). The message for this error should say "Please provide a valid email address"
Community feedback
- @mattstuddertPosted about 5 years ago
Great work on this challenge Phut, it looks awesome! One suggestion for your HTML would be to change the "We are launching soon!" heading to a
h1
. You've currently got noh1
element on the page, which I'd always recommend having.Keep it up! 👍
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