Skip to content
Submitted about 4 years ago

First challenge on Frontend Mentor.

Becki Floyd•10
@nass84
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Struggled with the padding and margin with the landscape page. Any tips?

Code

Please log in to post a comment

Log in

Community feedback

  • Becki Floyd•10
    @nass84

    Thank you :)

  • Allamprabhu•120
    @Allamprabhu2003

    Hi Becki, use flexbox to align things horizontally or vertically.

  • Dusan•700
    @DEmanderbag

    Hey Becki, to align something horizontally you can use margin: 0 on top and bottom and auto on left and right.

    You have a couple of options here:

    • Try looking into Flexbox where you will be able to align it to center horizontally and vertically
    • Or check CSS Grid

    In any of these two cases, you will need to put a min-height of 100vh on your parent element in your case body after that you will need a display of flex or grid on your body as well.

    10 modern layouts in 1 line of CSS

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