为什么我的动态行不显示居中

Question

我动态添加这些面板。它们正确地拼接，但是当我希望它全部居中时，右侧还有一个边距。以下是代码示例。

<style>
    .row {
        display:  flex;
        flex-wrap: wrap;
       align-content: center;
       margin:auto;
       flex-grow:inherit;


    }
</style>

<div>
    <h1 style="text-align: center;">Schedule an Appointment</h1>
    </div>
    <div class="panel panel-info " style="margin-left: 10%; margin-right: 
       10%;"  runat="server">
    <div class="panel-heading">
            <h3 class="panel-title">Step 1: Click on A Picture to Select a 
             Theripist</h3>
    </div>

        <asp:Panel class="row container-fluid " style="text-align:center;" 
         ID="PicturePanel" runat="server" Height="100%" Width="100%" 
          HorizontalAlign="Center">
        </asp:Panel>
    </div>