@angular/flex-layout How To: different class based on screensize?

If someone is looking for a way to add a class if it is bigger than xs for example, you could do:

<div [ngClass.gt-xs]="'myNarrowClass'"></div>

Yes, there is a way!

Just try this:

<div [ngClass.xs]="'myNarrowClass'"
     [ngClass.md]="{'myWideClass': true}"></div>

Here are the docs

ngClass API Responsive