Design comparison
SolutionDesign
Solution retrospective
I've finished another challenge but i have some troubles with the hover things, I'd love anyone help me or tell me what I'm doing wrong or what I could change on my code, I'd really appreciate it.
Community feedback
- @MohamedWagdy7Posted over 2 years ago
- To tackle the accessibility issues. you can add a
<h1>
withclass="sr-only"
(Hidden visually, but present for assistive tech).
.sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }
Marked as helpful1@GabrielBC2021Posted over 2 years ago@MohamedWagdy7 Thank you so much for this helpful piece of code, I really appreciate it.
0 - To tackle the accessibility issues. you can add a
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