Max Karpovets Max Karpovets - 1 year ago 49
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)

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download