Design comparison
SolutionDesign
Solution retrospective
#HTML #SASS/SCSS #JAVASCRIPT
What do you think, can you give me tips?
Community feedback
- @vanzasetiaPosted about 2 years ago
Hi, João! 👋
Congratulations on finishing this challenge! 👏
Here are some suggestions for improvements.
- Wrap the
input
and the submit button with aform
element. - Specify the
type
of thebutton
element. This will prevent the button from behaving unexpectedly. - Alternative text should not be hyphenated. Also, remove the word "logo" from the alternative text.
- Each of the social media icons need to be wrapped by an anchor tag.
- Use
prefers-reduced-motion
media query to turn off the animations. This way, only the users who prefer to see them can see the animations. - For animations and transitions, I recommend taking a no-motion-first approach. This way, only the users who choose to see them will be able to see them. Also, if the users' browsers don't support the
prefers-reduced-motion
media query, they will not see any animations and transitions.
I hope this helps! Happy coding!
0 - Wrap 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