Skip to content
Submitted over 2 years ago

Challenge #6 - Stats preview card component

Pawn•320
@CryptoPawn
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

Second time using semantic tags, did I use them correctly? Is there a more "clean" way of positioning the stats at the bottom of its section? I wrapped the stats container in two divs in order to accomplish it and it feels wrong. Didn't find any other way by searching either.

All feedback is greatly appreciated. :)

Community feedback

  • Jose Sanchez•380
    @JRS-DeveloperPosted over 2 years ago

    Hello, yes you can remove the div with the class "position-to-bottom" and add to the position-helper a flex and flex-end:

    .position-helper {
    display: flex;
    align-items: flex-end;
    height: 100%;
}

    With this you will get the same result. 😉

    About the semantic, it's really perfect, you made a really good work with that.

    Marked as helpful
    1

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