Display Flex to align

Community feedback

• 

  Aaron•110

  @ag7621Posted almost 2 years ago

  Hello!

  Although I'm new to web dev myself, the method I've been using is to set the html, body to a height of 100% in my css reset to ensure the parent takes the full height of the page first. Next on your code, you can set the body to

  body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  }
  

  That should center your card in the middle of the page. This resource has helped me lots in learning how to use flexbox CSS Tricks - Flexbox. Hope this helps! Happy Coding!

  -Aaron

  Marked as helpful

  0