Skip to content
OverviewSolutions
16
Comments
1
Mohamed Wagdy
@MohamedWagdy7

All comments

  • Gabriel_BC•300
    @GabrielBC2021Submitted over 2 years ago

    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.

    NFT Preview Solution

    1
    Mohamed Wagdy•240
    @MohamedWagdy7Posted over 2 years ago
    • To tackle the accessibility issues. you can add a <h1> with class="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 helpful
    1