Responsive 3 Card Column Mobile First Approach

Solution retrospective
Hi Developers! This is my solution to the challenge, Please provide with any comments if any. Thanks
Please log in to post a comment
Log in with GitHubCommunity feedback
- @FluffyKas
Hiya,
Very nice looking solution! It has some problem with the responsiveness though: check it between 375 and 590px.
For solving the accessibility issues: you could wrap your content in
main
. Also, there should only be oneh1
(the report will probably tell you this, as soon as you include amain
in your code). For the titles you could useh2
s and have a screen-reader onlyh1
that is visually hidden from the average user. If you google visually-hidden/sr-only classes, you could find a good solution for this.Marked as helpful
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