Design comparison
Solution retrospective
This project was a collaboration between myself and Eileen D'Angelo.
We pair-programmed it together, which was a great experience as well as being fun.
We started with HTML and then did the CSS and JavaScript.
Any comments or suggestions would be appreciated!
Community feedback
- @VCaramesPosted almost 2 years ago
Hey there! 👋 Here are some suggestions to help improve your code:
- Your
EventListener
should be on theform
and it should be asubmit
not aclick
, since the user is submitting their email.
More Info:📚
Click vs. Submit EventListeners
- When the user enters a valid email, I recommend adding some sort of confirmation stating that the email is valid to improve user experience.
Here is an example of how it can look: Example
- For improved accessibility 📈 for your content, it is best practice to use
rem
for yourfont-size
and other property value. Whileem
is best formedia-queries
. Using these units gives users the ability to scale elements up and down, relative to a set value.
- The
alt tag
description in the logo needs to be improved upon. The description should state the company’s name.
- Your CSS Reset is extremely bare and being underutilized. To fully maximize your CSS reset, you want to add more to it.
Here are few CSS Resets that you can look at and use to create your own or just copy and paste one that is already prebuilt.
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding!🎄🎁
Marked as helpful1 - Your
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