Skip to content
Submitted about 3 years ago

Easy Solution. Stats Preview Card Component Main

Josh•110
@JoshMooner
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 is my second serious code on HTML+CSS. I would want how to use filter properties, because the color filter who cover the image is not the enough dark like the design. In my solution the filter color is a little more clare. In other hand, I would I want how to place the footer and the attribution without affecting the rest of the page. Any feedback would be welcome, I really appreciate

Community feedback

  • Tanner Kopel•320
    @tankop1Posted about 3 years ago

    To place elements without effecting the rest of the page, use absolute positioning:

    You can use absolute positioning with the position: absolute command in CSS. This allows you to position the element relative to the nearest positioned ancestor, allowing you to place an element 0 pixels from the bottom with the command bottom: 0px. This also makes it so the element's position does not effect the position of other elements on the page.

    More info on absolute positioning

    Marked as helpful
    1
  • Brobit•60
    @BrobitPosted about 3 years ago

    it's very cool , but you don't do the mobile version

    Marked as helpful
    1
    Josh•110
    @JoshMoonerPosted about 3 years ago

    @Brobit Thanks! I did the mobile design with the keyword @media screen and (max-width: 375px) I think it's work. I'll check out

    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