Stats preview card component

Community feedback

• 

  mvrius•260

  @mvrius4Posted over 3 years ago

  Hi Tom,

  After I take a look at your code, I can give you an advice to center things more easier, an this trick help you to fix the footer.

  .center-screen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
  }
  

  This code can be switched with

  body {
     display:grid;
     place-items:center;
     min-height: 100vh;
  }
  

  Also, you put the image last, but it will be more easy if you put the image first, and you use the row-reverse property of flexbox. But your method it's not wrong.

  Congrats with this challenge and good luck!

  Marked as helpful

  0

  ---

  

  Tom•245

  @tttinhPosted over 3 years ago

  Hi @MariusZMR69,

  Thanks for your kind reply. I will modify the code following your instructions.

  Wish you have a good day.

  Best regards.

  0