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 - CSS Grid and Flexbox - First Attempt

P
Arjen Combeeā€¢ 50

@ArCombee

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


This is my third project on Frontend Mentor and I really enjoyed this challenge. Learned new things, also from the feedback on projects 1 and 2.

Feel free to comment on this first attempt, feedback is the way I learn, so don't hesitate to send me your tips and feedback šŸ‘. I really appreciate all the comments, tips, dos and don'ts šŸ˜€

Arjen

Community feedback

P
Graceā€¢ 27,950

@grace-snow

Posted

Overall, really great job here. The only things Iā€™d change are

  • <div class="container" role="main"> there is never a reason to use role when you could use the real main element
  • content is hitting the screen edges on my mobile. Either add a little margin to the sides like you have to the top and bottom, or add a little padding to an outer wrapper
  • the attribution footer is overlaying the card content on mobile. No need to display it absolutely, just let it sit at the bottom

Well done and have fun on the next one šŸ‘

Marked as helpful

1

P
Arjen Combeeā€¢ 50

@ArCombee

Posted

@grace-snow Again, thanks for your feedback. And yes, on one of my phones I see the same issue, will make a revision on this part. The footer thing was a copy from other project and should not be applied like this. Need to learn to up my quality in the details. This point is clear from the feedback (which I really appreciate) šŸ˜€ and part of my next project... A developer has so many things that can go "wrong"... this is a real eye-opener in the 3 projects I did so far. A big shout out to all (pro) developers for their professionality and great results on their projects, can imagine the struggles they have in their day job šŸ˜€. Hope I will adapt the steady and coherent workflow in the future, where the quality is key of course.

Overall I'm happy with the results of the projects so far but most important I had a lot of fun in doing the projects and refactor them with the feedback I receive.

Arjen Combee

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