Submitted over 2 years ago
Testimonials grid section with React and Typescript and Sass
@Deva-Mari
Design comparison
SolutionDesign
Community feedback
- @Sdann26Posted over 2 years ago
Hello Deva!
If in any of the challenges you have the problem in the report that you have not used an h1 given that the problem is difficult to place one because of the way the design is. What you can do inside the main place:
<h1 class="sr-only">The title you want </h1>
(If you are in React I think it is className).In this class you place the following values.
sr-only{ position: absolute ; left: -10000px; width: 1px; height: 1px; top: auto; overflow: hidden; }
What it does is that the h1 enters the flow but is not visible. This class has a use in web accessibility, I invite you to look for information if you are interested in the subject.
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