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 with Flex, BEM, HTML5, CSS3

Art 420

@Art-wdt

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


Hey! This is my new work. I would be glad to any advice:) Any suggestions you might have! Any comments!

Feedback definitely appreciated

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hi there, Art! 👋

I wanted to check out one or two of your solutions after seeing your comment on one of mine. 😀 I think you've done a job on this challenge! 👏

In addition to what Skyz03 said, one or two small things I might suggest are adding a max-width to the card component (so that it isn't too wide when the layout first changes from desktop to mobile) and using a list element for the statistics near the bottom of the text content of the card (to make your HTML just a little more semantic). 😉

Keep coding (and happy coding, too)! 😁

1
Sky 945

@Skyz03

Posted

Hi Art, great work on completing the challenge, I can see that your text are center align which you can improve in the desktop version. Also your card in smaller and not center align which you can implent is by adding margins Thanks and keep up the good work & have fun coding.

1

Art 420

@Art-wdt

Posted

Hi @Skyz03 Thanks for the advice! I forgot about it

1

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