How to make a background (angular-material, flexbox)?

Question

css

I'm sorry that I put the angular tag, but maybe someone worked with angular-material
I want to make a list of names broken into columns using flexbox
Example 1
This is how it works. But if I wrap everything in <div layout="row"></div>, then the following happens.
Example 2
And I need to do layout="row" in ui-view so that the background on the rest of the pages is 100%
How to beat this?

Answer 1

plnkr.co/edit/ocVMIbtolGQfdVKBkJX4?p=preview
right?