How to center vertically with Angular Flex Layout?

Question

I\'ve created a simple login component and I\'d like to vertically center, but I\'m not sure how to achieve this using the Angular Flex Layout library.

app.component

Answer 1

If the parent element has a known height, all you need is fxLayoutAlign="center center":

  

    

      
MAYABI PORTFOLIO MULTIPURPOSE THEME
      
lorem ipsum dolor sit amt, consectet adop adipisicing elit, sed do eiusmod 
teporara incididunt ugt labore.
    
    

      hello
   
  


.intro-section {
   height: 500px;
}