Pionowy podział w karcie Material Design Lite - html, css, material-design-lite

Używam Material Design Lite Link do strony tutaj

W żaden sposób nie można dokonać podziału pionowego na karcie zgodnie z podaną tam dokumentacją.

W przypadku dywizji ogólnie stosowany jest układ siatkiprojektowanie materiałów, ale gdy korzystam z siatki, domyślnie jest przestrzeń między dwiema komórkami. Czy jest jakiś inny sposób, w jaki mogę mieć pionowe podziały bez miejsca na karcie?

Demo Plunkr

Css

    .grid-handler {
max-width: 600px;
}

HTML

 <div class="grid-handler mdl-grid">
<div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div>
<div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div>
</div>

Odpowiedzi:

Możesz użyć mdl-grid--no-spacing klasa z mdl-grid :

<div class="mdl-grid mdl-grid--no-spacing">
<div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div>
<div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div>
</div>