Angular 5 Mat-grid list responsive

Question

i created grid list with column 6 and i want to be grid title take 100% width on small screen devices. Now it creates 6 column on small screens as well

Expected: One gri

Answer 1

Great work everybody!

I made some further improvements to Алексей Сердюков's Answer:

• updated for flex-layout 7.0.0+
• when resizing the window, the directive under some circumstances returned the wrong count

Gist @ GitHub: https://gist.github.com/mzellho/7fc7d5bd52a29948c47911a993547dad