Submitted over 2 years ago
responsive four card feature feature section using tailwindcss
@codexshell
Design comparison
SolutionDesign
Community feedback
- @ortiz-antonioPosted 4 days ago
After submitting my challenge, the system asked me to provide feedback. I'm still learning, so if you have a different approach, please let me know.
Accessibility
- This challenge represents a section, so it should be inside a complete page. Replace the
h1
with anh2
, and to pass accessibility tests, add a hiddenh1
to represent the main page's header. - To improve contrast for accessibility, I darkened the base color. You can find many online tools to help with this.
Speed
- Hosted fonts are faster because they don't require an external call. Use
font-display: swap
or a fallback font to make your page load more quickly.
SEO
- Consider adding meta tags to enhance search engine optimization.
0 - This challenge represents a section, so it should be inside a complete page. Replace the
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