Max Karpovets Max Karpovets - 4 months ago 17
TypeScript Question

How to apply 'layout' only when element is bigger than 500px? (angular material 2)

I am developing application with angular material2.

And I want to make

layout="row"
when element is bigger than 500px and
layout="column"
when it is smaller.

P.S. It both could be on big resolution. So it is not related to resolution.

Answer Source

I mean, the flex layout team made a very comprehensive documentation, maybe you could take a look at it before asking ?

They allow you to make your own custom breakpoints. Although I do not recommend it (they thought about those breakpoints), you can change them, and also get the width with the Observable Media (documentation that you can find here)