fix card-group

src/app/layout/layout.component.html

@@ -39,6 +39,37 @@
         </div>
         <section class="section-two ">
             <div class="section-two-container">
+              <div class="section-title no-select"><p style="font-size:50px;color: #C5D1EB !important;">游戏王全卡模拟器YGOPro</p></div>
+              <div nz-row style="position: relative;top:50px;">
+                <div nz-col nzSpan="12">
+                  <div class="no-select" style="position: relative; left: 100px;">
+                    <img class="card-one" draggable="false" src="assets/img/card-1.jpg" width="200px"/>
+                    <img class="card-two" draggable="false" src="assets/img/card-1.jpg" width="200px"/>
+                    <img class="card-three" draggable="false" src="assets/img/card-1.jpg" width="200px"/>
+                  </div>
+                </div>
+                <div nz-col nzSpan="12">
+                  <div nz-row class="no-select">
+                    <div nz-col nzSpan="8" class="plant-grid">
+                      <i nz-icon nzType="gift" nzTheme="outline" class="icon"></i>
+                      <p class="plant-title">免费收录</p>
+                      <p class="grid-desc">氪金要素是不存在的<br/>从最开始所有卡片都可选用<br/>随心所欲组出您想要的卡组</p>
+                    </div>
+                    <div nz-col nzSpan="8" class="plant-grid">
+                      <i nz-icon nzType="rocket" nzTheme="outline" class="icon"></i>
+                      <p class="plant-title">自动更新</p>
+                      <p class="grid-desc">无需为更新而烦恼<br/>客户端会自动更新</p>
+                    </div>
+                    <div nz-col nzSpan="8" class="plant-grid">
+                      <i nz-icon nzType="radar-chart" nzTheme="outline" class="icon"></i>
+                      <p class="plant-title">丰富玩法</p>
+                      <p class="grid-desc">2V2决斗/人机决斗<br/>竞技向卡组决斗<br/>娱乐向卡组决斗<br/>总有适合你的<br/></p>
+                    </div>
+                  </div>
+
+                </div>
+              </div>
+              <!--
                 <div class="section-title no-select"><p style="font-size:50px;color: #C5D1EB !important;">游戏王全卡模拟器YGOPro</p></div>
                 <div class="cards-group no-select">
                     <img class="card-one" draggable="false" src="assets/img/card-1.jpg" width="200px"/>
@@ -61,7 +92,7 @@
                         <p class="plant-title">丰富玩法</p>
                         <p class="grid-desc">2V2决斗/人机决斗<br/>竞技向卡组决斗<br/>娱乐向卡组决斗<br/>总有适合你的<br/></p>
                     </div>
-                </div>
+                </div>-->
             </div>
         </section>
         <section class="section-third no-select">