Stats preview card wwith CSS Flexbox

Community feedback

• 

  Faris P•2,810

  @FarisPalayiPosted over 3 years ago

  It looks excellent👏 and layout is responding nicely to different screen sizes.

  One thing I noticed is that, in mobiles/tablets, the background height is less than the height of the card. It's because its height is 100%. Try to give it a height of auto and min-height of 100vh.

  And also if you want to center the card. Simply add display: flex; and margin: auto to body. Or you could add, display: grid and place-items: center . There's a bunch of ways you could do this. I just said some simpler ones.

  That's all from me. Have fun coding ✨

  Marked as helpful

  1

  ---

  

  Ash•80

  @nyxravenPosted over 3 years ago

  @FarisPalayi Thank you, didn't even notice that! Will check out the hints and try to fix it. :)

  1