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 card component using HTML + CSS + BEM & Mobile First workflow

Jose Angel Reyā€¢ 395

@Jose-Angel-Rey

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


Built with: ā™  Semantic HTML5 markup ā™  CSS custom properties ā™  Flexbox ā™  Mobile-first workflow

Any feedback is welcome. šŸ‘šŸ‘Øā€šŸ’»

Community feedback

P
ApplePieGiraffeā€¢ 30,565

@ApplePieGiraffe

Posted

Hello, Jose Angel Rey! šŸ‘‹

Good job on this challenge! šŸ‘ Your solution looks good and I like the subtle animation on the card component! šŸ‘

I'd like to suggest,

  • Removing cursor: pointer from the card component (since the entire card itself isn't really a clickable item).
  • Allowing the card component to be a little wider in the mobile layout if there's room for it to be so (you should be able to do that adding width: 100% to the card and then giving it a max-width).

Keep coding (and happy coding, too)! šŸ˜

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