3-column preview card component using Tailwind CSS

Solution retrospective
Feedback welcome!
Please log in to post a comment
Log in with GitHubCommunity feedback
- Account deleted
Hey @lucaspausin, some suggestions to improve you code:
-
The car images/icons serve no other purpose than to be decorative; They add no value. Their Alt Tag should left blank and have an aria-hidden=“true” to hides it from assistive technology.
-
The headings are being use incorrectly. The <h1> heading is only allowed to be used one per page. So the best option, is to use <h2> Heading, because it will give each card the same level of importance and it's reusable.
-
You want to adjust the
padding
andfont-size
as the screen size decrease to better accommodate the smaller screen size.
Happy Coding! 👻🎃
-
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