Design comparison
SolutionDesign
Solution retrospective
All feedbacks are required
Community feedback
- @mukwende2000Posted over 1 year ago
This code is repetitive
.btn-one:hover { opacity: 0.9; } .btn-two:hover{ opacity: 0.9; } .btn-three:hover { opacity: 0.9; } .btn-four:hover{ opacity: 0.9; }
Instead of doing it that way, i would encourage you to give all the buttons with same hover effect a common class name for example class="btn btn-one", now if you want to style only button one you use 'btn-one' but if you want to give the same styles to all buttons, you use 'btn' class.
Marked as helpful0@Olagunju9148Posted over 1 year ago@mukwende2000 thank you for this That was what I was supposed to do. Thanks for the reminder.
1
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