Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Stats Preview Card Component using HTML and CSS

@rporfirio88

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@IEdiong

Posted

Nice work! 👍

Here are some things you should do,

  • Fix the accessibility issues raised in the report
  • add some padding-left and padding-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 helpful

0

@Blazing-Mike

Posted

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 helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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