Responsive stats preview card component using css flexbox
Design comparison
Community feedback
- @deepak-parmarPosted over 2 years ago
@pouyanasr, visually your work looks great, nice work!
but your use of
h4
andh5
right after usingh1
is raising an Accessibility Issue: Heading levels should only increase by one. There cannot be discontinuity between heading elements, these should be used in order.h2
should follow afterh1
and so on.I suggest that you use
p
tag stats and just give themfont-size
value just ash5
andh4
which you can see in the browser console. This way the design won't change and will be still accessible.Other than that I see that your code has inconsistent spacing, It's a bit of a hassle to make the code look clean, I recommend using code formatter in your code editor.
I hope these helps, keep coding! 👍
Marked as helpful0 - @pouyanasrPosted over 2 years ago
@deepak-parmar Thank you for your suggestion. I will keep that in my mind for my next projects.👌
0
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