我正在为一个小项目使用材质css，特别是卡片。我有2个cards在我的页面中，并希望删除它们之间的空间。我认为我会相当琐碎，但似乎不能应用任何css到我的内容。以下是我的代码：

<div class="container">
        <div class="row">
            <div class="col-md-6 col-md-offset-3">
                <div class="card-panel blue accent-3">
                    <div class="card-content">
                        <span class="card-title white-text"><i class="fa fa-bars" aria-hidden="true">
                            </i> title</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" id="second">
            <div class="col-md-6 col-md-offset-3">
                <div class="card-panel white blue-text">
                    <div class="card-content">
                        <ul>
                            <li><a href="#">report 1</a></li>
                            <li><a href="#">report 2</a></li>
                            <li><a href="#">report 3</a></li>
                            <li><a href="#">report 4</a></li>
                            <li><a href="#">report 5</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

CSS：

<style type="text/css">
    body {
        background-color: #e7e6ef;
    }
    .row {
        width: 500px;
        margin-left: 50%;
    }
    #second {
        margin-top: 0; !important;
    }
</style>

外观：

然而，我似乎不能消除两张卡之间的差距，也不能集中它们。任何帮助都非常感谢