Huddle landing page with single introductory section
Design comparison
Solution retrospective
Let me know your comments and things to improve !?
Community feedback
- @imadvvPosted about 2 years ago
Greeting Mamadou Maikoke Troare! Congratulations for completing your challenge!, 👏👏👏. well done
you did great job at this one, just need a small change, to actually have transition effect on
register-button
you need to initial it before applying hover, and since<a>
tag are inline by default, you need to setdisplay: inline-block;
on as well, before, so the padding will have effect on it.simple fix-
.register-button{ text-decoration: none; background-color: hsl(0, 0%, 100%); padding: 13px 80px; border-radius: 50px; font-size: 1rem; display: inline-block; transition: all 0.5s ease-in-out; } .register-button:hover{ background-color: var(--clr-soft-magenta); transform: scale(1.25); }
Hope this help!
overall you did great, Happy Codding, have a good day/night
Marked as helpful1 - @vanzasetiaPosted about 2 years ago
Hello there! 👋
Congratulations on finishing this challenge! 🎉
One small suggestion I have is to improve the alternative text for the logo. It should be the company name. Currently, the users might think that they are on the "Logo" website instead Huddle website.
That's it! I hope this helps! 🙂
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