Submitted over 3 years ago

Hello Gang! First posting in ages

Sebastien• 290

@Sebystien

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Stats preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What's up guys ?! So here's my little solution for this challenge(not perfect, of course). Any feedback are welcomed! Don't hold back :)

Community feedback

Rayane• 1,935

@RayaneBengaoui

Posted over 3 years ago

Hello Sebastien,

Congrats for completing this challenge ! 🙂

I think that you could just decrease a little bit the opacity of your linear gradients on the image or use mix-blend-mode property to get closer of this purple color. Also a little bit more of margin-top would be nice.

Overall, well done for the challenge and happy coding ! 😃

Sebastien• 290

@Sebystien

Posted over 3 years ago

@RayaneBengaoui

Hey RayaneBengaoui,

Thank you for the feedback!! Will give it a try 🙌, will update it soon!

ApplePieGiraffe• 30,545

@ApplePieGiraffe

Posted over 3 years ago

Hey there, Sebastien! 👋

Good work on this challenge! 👍 Your solution looks good and responds rather well! 🙌

The only minor thing I suggest is probably to vertically center the card component in the viewport so that it always remains in the center of the screen (currently it sticks to the bottom of the page instead). 😉

Keep coding (and happy coding, too)! 😁

Sebastien• 290

@Sebystien

Posted over 3 years ago

@ApplePieGiraffe Hey Apple! I used flexbox to align it..not sure why but I'll run check my code :) Thank you for the feedback! 🙌

Please log in to post a comment

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