Skip to content
Submitted over 2 years ago

Stats Preview Card Solution

Lacey E•110
@laceeder
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

My footer area in mobile view will not stay at the bottom and moves when I scroll. If I remove the stylings to "attribution" class, it will stick to the right of the card div. That's the only issue I had besides the color for the overlay in desktop view. I would like to fix the footer, though.

Community feedback

  • MioMauro•400
    @MioMauroPosted over 2 years ago

    Try not putting any position, by default it stays at the bottom, try so:

    footer .attribution { color:hsl(0, 0%, 100%); font-size: 0.7778em;
    }

    0
    Lacey E•110
    @laceederPosted over 2 years ago

    @MioMauro nope, I changed it to that and it sticks to the side of the "stats-card" div itself :(

    0
    MioMauro•400
    @MioMauroPosted over 2 years ago

    @laceeder yes... i'm posting a solution now, check it out. to be honest i found it hard to fix the footer properly too, it also depends on the fathers settings. Now it is in a correct way even with the media queries.

    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