我想使用材料组件，并使用layout-grid调整它们的大小。这是正确的方法吗？我使用@ material / layout-grid包，但是当我尝试做这样的事情时（侧栏8列，内容4列）：
<div class="mdc-layout-grid">
<mat-drawer-container class="mdc-layout-grid__inner">
<mat-drawer mode="side" opened class="mdc-layout-grid__cell--span-8">Drawer content</mat-drawer>
<mat-drawer-content class="mdc-layout-grid__cell--span-4">Main content</mat-drawer-content>
</mat-drawer-container>
</div>
组件的样式将覆盖网格规则。请告诉我，如何使用角形材料进行布局？