Submitted over 3 years ago
Stats Preview Card Component using HTML and CSS
@rporfirio88
Design comparison
SolutionDesign
Solution retrospective
I like feedbacks, in this way i can improve my front-end abilities! feel free to give me good constructive feedback.
Community feedback
- @IEdiongPosted over 3 years ago
Nice work! 👍
Here are some things you should do,
- Fix the accessibility issues raised in the report
- add some
padding-left
andpadding-right
to the body, the card seems to be too close to the edge of the screen at some screen sizes - other issues like the use of semantic tags and ARIA are mentioned in the accessibility issues report.
I hope this was helpful, cheers 🥂
Marked as helpful0 - @Blazing-MikePosted over 3 years ago
Ok great attempt you had... Try aligning your card like give it some space top and bottom.. you can use margin tip and bottom or use
Display: grid; Align-items: center; Min-height: 100vh; Justify-content: center;
To align it vertically and horizontally
Marked as helpful0
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