Skip to content
Submitted over 3 years ago

CSS flexbox, CSS pseudo-elements,

Thomas•100
@tamoroso
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This challenge was very interesting and i'm looking forward to read your feedbacks on my code.

Maybe, i could improve the responsive aspect of the card by adding more break points. And you, what would you add or modify to improve this part ?

Thanks a lot for your answers !

Community feedback

  • Shreya Choure•45
    @shreyachourePosted over 3 years ago

    Hey, I also completed this challenge today. Congratulations on your 1st achievement! To place the card component in the center of a page you may use this method:

    .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
    0
    Thomas•100
    @tamorosoPosted over 3 years ago

    @shreyachoure Thank you for the tip, i'll try this out !

    0

Please log in to post a comment

Log in with GitHub

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