Huddle Landing Page With some improvments Last Newbie Challenge!!
Design comparison
Solution retrospective
It's my last newbie challenge, and I made some improvments that I learn to made this challenge. I have used some Css animations, flexbox, and a little of Javascript.
Any suggestions are welcome!!!!
Community feedback
- @tedikoPosted over 3 years ago
Hello, Luiz! 👋
Congrats on finishing your last newbie challenge! Your solution looks very good and also responds well. Here's my few tips:
- Change the
alt
attributes for the.nav-logo
image, as it doesn't add any extra context for screen reader users. Since your image is decorative youralt
text should be provided empty (alt="") so that they can be ignored by assistive technologies. - Wrap your icons with anchro tag
<a>
to make them clickable. Additionaly you'd have to add somearia-label
on it to describe it for screen readers users since icons are treated like there is no content within anchors so it won't be announced. - A scrollX and scrollY appears together with your onload animations. You have to set
overflow: hidden
to your main/body.
Good luck with that, have fun coding! 💪
2 - Change the
- @palgrammingPosted over 3 years ago
⭐⭐⭐⭐⭐ Wonderful..... Great Job smooth transitions. Every element looks like it belongs where it is at all screen sizes great example of this challenge and Congrats on finishing all the Newbie challenges
1 - @mupinnnPosted over 3 years ago
Amazinggg!! nice transitions, responsiveness, all perfect to me. keep going dude!
0
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