Responsive huddle landing page with single introductory section
Design comparison
Solution retrospective
Hi everyone, If you could review the solution and especially the solution details and suggest me anything would be much appreciated.
More precisely, If you could suggest anything from the following would be really grateful, like should I focus on something else if so in what, how, helpful resources if any:
Community feedback
- @vanzasetiaPosted over 2 years ago
Greetings, Shameer! 👋
Well done on this challenge! Your solution looks great! 👍 It's great to know that you were taking some time to write the README. As you said in the README, it takes time to learn about animation. By the way, Josh Comeau has a great article that might help you learn about animation.
In your CSS, I noticed this selector
header .wrapper-logo img
which would much be as.wrapper-logo img
. I would recommend adding a class to the logo image so that you don't need to keep referencing the parent element to style the element. It's a good practice to keep the CSS specificity as low and flat as possible. High specificity will make your stylesheet hard to maintain.The visually hidden
h1
should live inside themain
element, not on theheader
. Also, I think it's okay to make theh2
ash1
and remove the sr-onlyh1
.That's it! Happy coding! 😁
Marked as helpful0 - @shameerkamaludeenPosted over 2 years ago
That's really helpful @vanzasetia, thank you, hope the same in the future commit.
I appreciate your efforts.
0@vanzasetiaPosted over 2 years ago@shameerkamaludeen You're welcome, Shameer! Glad that you found it helpful! 😊
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