Responsive results summary component using css grid and flexbox

Community feedback

• 

  Ruben•550

  @RubenSmnPosted almost 2 years ago

  Hi RoboXGamer, nice job on this new challenge!

  To align your element in the center you could use flexbox.

  Here is a code snippet you can use, the min-height makes sure we set the body to the whole vertical screen height. And then we apply the flexbox styles. justify-content centers the items horizontally and align-items centers them vertically.

  body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  

  Hope this is helpful and happy hacking!

  0