Design comparison
SolutionDesign
Solution retrospective
I've had a lot of problems regarding the "grids", the behavior of the image and the effect that we needed to implement on the buttons :hover. If you want to help me, feel free to contact me :)
Community feedback
- @Ambe-Mbong-NwiPosted almost 2 years ago
I noticed that you used a div with a class of button in which case the best option would be an a, because when a person clicks on a button written 'Get Started', he is not confirming a form, it will be redirected to another page, to Get Started.
to solve this issue in HTML do this:
/* <div id="getStarted1" class="button">Get Started</div> Remove this */ <a href="/">Get Started</a> /*use this*/
For the styles and hover effect in CSS, use this:
a{ display: block; text-decoration: none; text-align: center; color: hsl(0, 0%, 95%); background-color: hsl(31, 77%, 52%); padding: 15px 35px; margin-top: 80px; border-radius: 25px; border: 0; } a:hover{ opacity: 0.5; }
Marked as helpful1
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