как сделать vuematerial карты как отзывчивые

Question

Я новичок в vuejs2 и пытаюсь создать простую страницу входа с помощью материала vue.

<template>
  <div class="loginContainer">
    <form>
      <md-card class="md-layout md-small-size-33 md-medium-size-33">
        <md-card-header :data-background-color="dataBackgroundColor">
          <h4 class="title">Login</h4>
        </md-card-header>

        <md-card-content>
          <div class="md-layout">
            <div class="md-layout-item">
              <md-field>
                <label>User Name</label>
                <md-input v-model="username" type="text"></md-input>
              </md-field>
            </div>
            <div class="md-layout-item md-small-size-100 md-size-33">
              <md-field>
                <label>Password</label>
                <md-input v-model="emailadress" type="password"></md-input>
              </md-field>
            </div>
          </div>
        </md-card-content>
      </md-card>
    </form>
  </div>
</template>

В приведенном выше коде я создал образец страницы входа с использованием карточек vue-material. Но какМогу ли я сделать эти карточки vue-material максимально адаптивными, используя vue-material?