Angular Flex LayoutAngular Flex Layout provides a sophisticated layout API using Flexbox CSS + mediaQuery. This module provides Angular developers with component layout features using a custom Layout API, mediaQuery observables, and injected DOM flexbox-2016 CSS stylings. Refer Flex Layout @Github.
Step 1: Add Flexlayout to project npm i --save @angular/flex-layoutStep 2: Import it in app.module.tsimport {FlexLayoutModule} from "@angular/flex-layout";
@NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, BrowserAnimationsModule, MatButtonModule, HttpClientModule, FlexLayoutModule ], providers: [], bootstrap: [AppComponent]})export class AppModule { }
Step 1: Add Flexlayout to project npm i --save @angular/flex-layoutStep 2: Import it in app.module.tsimport {FlexLayoutModule} from "@angular/flex-layout";
@NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, BrowserAnimationsModule, MatButtonModule, HttpClientModule, FlexLayoutModule ], providers: [], bootstrap: [AppComponent]})export class AppModule { }