Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

First challenge on Frontend Mentor.

@nass84

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Community feedback

@nass84

Posted

Thank you :)

0

@Allamprabhu2003

Posted

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

0
Dusan 700

@DEmanderbag

Posted

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

0

@nass84

Posted

Thank you :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

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