Guide overview

The flex-layout provides a styled library with simple directives.

$ npm install --save @angular-ru/cdk

After a few seconds of waiting, you should be good to go. Let's get to the actual coding! As a first step, let's add the Angular flex layout module to our app module (src/app.module.ts):

import { FlexLayoutModule } from '@angular-ru/cdk/flex-layout';

@NgModule({
   imports: [
      FlexLayoutModule
   ],
   ...
})
export class AppModule { }
    

Next, let's import styles to your project. Edit src/styles.css:

@import '~@angular-ru/cdk/flex-layout/styles';