要创建一个响应式的Angular Material卡片布局，可以使用Angular FlexLayout库来实现。下面是一个包含代码示例的解决方法：

1. 首先，确保已经安装了Angular Material和Angular FlexLayout库。可以使用以下命令进行安装：

npm install @angular/material @angular/cdk @angular/flex-layout

2. 在Angular模块中导入所需的模块：

import { MatCardModule } from '@angular/material/card';
import { FlexLayoutModule } from '@angular/flex-layout';

@NgModule({
  imports: [
    MatCardModule,
    FlexLayoutModule
  ],
  ...
})
export class AppModule { }

3. 在组件的HTML模板中使用fxLayout指令和fxFlex属性来设置卡片的布局：

在上面的示例中，fxLayout指令用于设置主要的布局方向为水平（row），并且在小屏幕上改为垂直（column）。fxLayoutGap属性用于设置卡片之间的间距。fxFlex属性用于设置卡片的宽度，这里将卡片设置为50%的宽度，并在小屏幕上设置为100%的宽度。

以上是一个简单的示例，你可以根据自己的需求进行更改和扩展。