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 using HTML, CSS and FlexBox

P
Christian 80

@christianb3ll

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


Any pointers appreciated!

Community feedback

Tommy 30

@tommymaher15

Posted

Love the simplicity of this and its definitely helped me out with my practice on this exercise.

I've had a terrible habit of setting widths/heights and realized I'd forgotten a tonne of things and this was a nice refresher.

I'm at a similar issue with reading the figma and getting the image overlays perfectly on spec but I've found looking through peoples solutions has been amazing too.

Keep it up!

0

P
Christian 80

@christianb3ll

Posted

@tommymaher15 Thanks! Glad it helped. I'm amazed at how accurately some people have managed to match the design. Something I'll have to work on for my next solution

0
Tommy 30

@tommymaher15

Posted

@christianb3ll

For sure.

Getting on spec with a Figma design is a skill in itself.

I'm a frontend developer myself and find it confusing sometimes thats why I'm using this to practice.

Keep it up!

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