MDUI卡片宽度怎么缩小？

最新在写一个MDUI的文章界面

用卡片做

但是遇到一个问题，详细看图

我想把这个整个卡片的宽改小，怎么弄呢？

下面是代码：

<div class="mdui-container mdui-center">	
<div class="mdui-row mdui-shadow-15">
  <div class="mdui-row">
      <div class="mdui-card">
        <div class="mdui-card-media">
          <img src="//cdn.w3cbus.com/mdui.org/docs/assets/docs/img/card.jpg"/>
          <div class="mdui-card-media-covered">
            <div class="mdui-card-primary">
              <div class="mdui-card-primary-title mdui-typo">Title</div>
              <div class="mdui-card-primary-subtitle mdui-typo">Subtitle</div>
            </div>
          </div>
        </div>
        <div class="mdui-card-actions">
          <button id="open" class="mdui-btn mdui-ripple mdui-float-right">阅读→</button>
      </div>
    </div>
	</div>
  </div>
</div>