Design comparison
SolutionDesign
Solution retrospective
Any feedback would be highly appreciated.
Community feedback
- @VCaramesPosted almost 2 years ago
Hey there! 👋 Here are some suggestions to help improve your code:
- The
main
element should only be wrapping theform
and illustration.
- These need to be inside the
header
element:
<h1 class="primary__title">We are launching <span>soon!</span></h1> <p class="primary__text">Subscribe and get notified</p>
- The
label
inside yourform
is for accessibility, to tell users what theinput
is for, not for an error message.
- The `labels in this challenge would state something like, "Enter email…" and be visually hidden.
- The social media icons should have a
aria-label
to improve accessibility.
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding!🎄🎁
1@SilverWings47Posted almost 2 years ago@vcarames Thank you! I just made all the changes you suggested.
1 - The
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