
Landing Page With Responsive Margins/Padding And Gradient Animations
Design comparison
Solution retrospective
Hey, everybody!
This was an exciting challenge from which I learned a lot! 😃
I tried adding to the responsiveness of this site by setting many of the margins/paddings in percentages or vw
units and only using min-width
in my media queries (for my first time).
I also learned how to color the link text with a gradient (courtesy of the clip-path
property 😁) and made this subtle but awesome gradient-animation-hover-effect on the buttons using pseudo-elements! 🎉
Feedback is definitely welcomed and appreciated!
(Also, if you would suggest any improvements to my actual code that would be cool).
Happy coding! 👍
Community feedback
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