Responsive 3-column preview card component

Solution retrospective
Hey everyone, 👋
Would appreciate some insight on finding the right middle ground between the accessibility/semantic-html feedback and design challenges.
My current layout has a section
as the parent, and article
as the child elements. I used section
because it groups content, and article
because it contains self-contained content.
<section> # cards wrapper
<article> # card
<h2>
...
<article>
<h2>
...
<article>
<h2>
...
Feedback suggests that page should have an a level one heading (h1), but the design doesn't call for one. Going away from design, I could add a h1
to completely fix it, but is that the right call?
Or is there a better way of approaching this, maybe restructuring the html? I looked around in some recent solutions, but couldn't find a clear answer.
I feel like it is an issue that I'm going to face a lot, and maybe you have before. Any help is greatly appreciated, thanks for reading!
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Joshua's solution.
Join 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