У меня такая ситуация:

Слева у меня есть дерево с моими компаниями, а справа DIV с div, который я будунарисуйте мою matCard (угловой материал).
Мне бы хотелось, чтобы div MyCard мог заполнить все с полем в 30px.
Если я установлю две matCards, вторая будет под MyCard с полем в 30px между ними.
Как я могу сделать это с помощью CSS? заполнить MyCArd всем myMainDi с 30px маржи. Если я изменяю длину по ширине, эта карта автоматически меняется на .Thx