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

@Neel-07

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 recently completed a project creating a stats preview card component using basic HTML and CSS, and I would greatly appreciate your feedback. I'd like to know if there are any mistakes or areas for improvement that you noticed. Please feel free to point out any specific aspects that could be enhanced or corrected. Your input would be incredibly valuable in helping me refine and enhance my project. Thank you in advance for taking the time to provide your feedback

Community feedback

P
Justin Green 2,750

@jgreen721

Posted

Nice work completing the challenge. Looks good! You might want to add something to your container css that keeps it in the center of the screen. While your max-width is pretty wide, on a large enough monitor your container will eventually just be on the left side. I believe margin:0 auto would be a quick fix but there are other ways. Also, might want to add a @media query in your CSS and implement some responsiveness for mobile/smaller devices where you can set your card to flex-direction:column so it'll be more tailored for a vertical viewing experience (again, mobile like devices). Again, good work overall! 🙂

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