#12 해당 보드 반응형 사이즈 대응

UTA-CONNECT · Jun 11, 2021 · 588e2ad · 588e2ad
1 parent ef8e104
commit 588e2ad
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
@@ -98,7 +98,7 @@ div.block1-info-title div {
 }
 
 div.block2 {
-    background-image: url("../img/block_2.png");
+    /* background-image: url("../img/block_2.png"); */
     background-repeat: no-repeat;
     background-position-x: center;
 }

diff --git a/public/index.html b/public/index.html
@@ -92,7 +92,7 @@
                     <div class="col-12 block1-container">
                         <img src="assets/img/block_1.png"/>
                         <div
-                            style=" position: absolute; width: 100%; background-image: url(assets/img/block_1.png); background-repeat: no-repeat; background-size: contain; background-position: center; height: 100%; top: 0; z-index: -999;"></div>
+                            style="position: absolute; width: 100%; background-image: url(assets/img/block_1.png); background-repeat: no-repeat; background-size: contain; background-position: center; height: 100%; top: 0; z-index: -999;"></div>
                         <div class="container-fluid justify-content-center block1-body-container">
                             <div class="row gap-row">
                                 <div
@@ -122,7 +122,7 @@
                             </div>
                         </div>
                         <!-- CONNE CHAN SD -->
-                        <div class="row justify-content-end conne-sd-row">
+                        <!-- <div class="row justify-content-end conne-sd-row">
                             <div class="col"></div>
                             <div class="col-9 col-md-6 col-lg-6 col-xl-4 conne-sd-col">
                                 <img src="assets/img/conne_chan_sd.png"/>
@@ -179,7 +179,7 @@
                                 </div>
                             </div>
                             <div class="col"></div>
-                        </div>
+                        </div> -->
                     </div>
                 </div>
             </div>
@@ -221,7 +221,7 @@
                             </div>
                         </div>
                         <!-- CONNE CHAN SD -->
-                        <div class="row justify-content-end conne-sd-row">
+                        <!-- <div class="row justify-content-end conne-sd-row">
                             <div class="col"></div>
                             <div class="col-9 col-md-6 col-lg-6 col-xl-4 conne-sd-col">
                                 <img src="assets/img/conne_chan_sd.png"/>
@@ -278,7 +278,7 @@
                                 </div>
                             </div>
                             <div class="col"></div>
-                        </div>
+                        </div> -->
                     </div>
                 </div>
             </div>
@@ -290,6 +290,8 @@
                 <div class="row">
                     <div class="col-12 block2-container">
                         <img src="assets/img/block_2.png"/>
+                        <div
+                            style=" position: absolute; width: 100%; background-image: url(assets/img/block_2.png); background-repeat: no-repeat; background-size: contain; background-position: center; height: 100%; top: 0; z-index: -999;"></div>
                         <div class="container-fluid justify-content-center block2-body-container">
                             <div class="row gap-row">
                                 <div
@@ -308,6 +310,8 @@
                 <div class="row">
                     <div class="col-12 block2-container">
                         <img src="assets/img/block_2.png"/>
+                        <div
+                            style=" position: absolute; width: 100%; background-image: url(assets/img/block_2.png); background-repeat: no-repeat; background-size: contain; background-position: center; height: 100%; top: 0;"></div>
                         <div class="container justify-content-center block2-body-container">
                             <div class="row gap-row">
                                 <div