Design comparison
SolutionDesign
Solution retrospective
Had problems with making responsive hover effect on main picture. Not sure if my solution is efficient enough. Also don't know how to remove active hover state on mobile devices. I will appreciate any advice. Thanks! :)
Community feedback
- @EileenpkPosted almost 2 years ago
Hi Davis! your project looks great. To remove the active hover state on mobile devices,
- Place all your :hover CSS rules in a @media block:
@media (hover: hover) { a:hover { color: red; } }
- Override all your hover rules for mobile devices
a:hover { color: red; } @media (hover: none) { a:hover { color: inherit; } }
If you found this helpful please mark it as such :)
- Let's connect on LinkedIn! - @Eileenpk
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