Angular Material - Flex layout - experience - browser support?

Question

css

I write projects with Angular Material.
Is it worth finally switching to the Layout attributes that Angular Material offers? Does anyone have work experience?
I will give an example, today I tried to make a rather simple but not standard HTML page. The code is easy to write using "flex \ layout-align \ layout-fill" but I notice inconsistencies in terms of browsers.
Problems were caused by IE11 and Safari-mobile (IPhone). Customized on IE11, it gets corrupted in Safari.. And vice versa..
The question arises.. Can we still write pure CSS - Grid as always? Or try pure CSS-FLEX?
Or just lack of experience in working with layout through angular material?
Need some advice...

Answer 1

Is it worth finally switching to the Layout attributes that Angular Material offers?

Personally, I don't like the approach of setting styles through attributes. It seems to have just abandoned the hell with inline styles for elements and on you.
pure css grid will not give you the power that flexbox gives you
Rather lack experience with flexbox. Angular is useless here.
caniuse.com/#search=flex - see the known issues section separately