Design comparison
SolutionDesign
Solution retrospective
the 'view plans' button in 'intro' class is not showing hover state for some reason, is it because of ::before and ::after classes? any insight would be appreciated
thanks
Community feedback
- @MinhKhangTranPosted over 2 years ago
Hi noor, nice Solution!
Both your ::before and your ::after "containers" are on top of the button. They are invisible but you can see them with the dev-Tool. Add
pointer-events:none
to both of them should fix the problem.@media (min-width: 960px){ .intro::after { /* your current styles */ pointer-events: none; } .intro::before { /* your current styles */ pointer-events: none; } }
Marked as helpful0
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