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

You have to specify the height of the fxLayout (Edited)

    
        Login

        
            
                
            
            
                
            
        

        Login
    

CSS

.row-height {
    height: 100%
}