#3 반응형 info 텍스트 배치

UTA-CONNECT · Jun 11, 2021 · 9e80c28 · 9e80c28
1 parent 7894fa7
commit 9e80c28
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 18 deletions.
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
@@ -67,7 +67,7 @@ div.block1-title div {
 }
 
 div.block1-sub-title {
-    height: 100px;
+    height: 150px;
 }
 
 div.block1-sub-title div {
@@ -82,7 +82,7 @@ div.block1-sub-title div {
 }
 
 div.block1-info-title {
-    height: 150px;
+    height: 100px;
 }
 
 div.block1-info-title div {
@@ -193,24 +193,16 @@ div.title-ribbon img {
         font-size: 25px;
         line-height: 1;
     }
-
-    div.block1-sub-title div {
-        font-size: 20px;
-        line-height: 1;
-    }
 
-    div.block2-sub-title div {
+    div.block1-sub-title div {
         font-size: 20px;
+        height: 0;
         line-height: 1;
     }
 
     div.block1-info-title div {
-        font-size: 18px;
-        line-height: 1;
-    }
-
-    div.block2-info-title div {
-        font-size: 18px;
+        font-size: 15px;
+        height: 120px;
         line-height: 1;
     }
 }
@@ -219,7 +211,6 @@ div.title-ribbon div {
 }
 
 div.conne-top-container-back {
-
     position: absolute;
     z-index: -1;
     /* position: absolute; */

diff --git a/public/index.html b/public/index.html
@@ -101,7 +101,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="container container justify-content-center block1-text-container">
+                        <div class="container-fluid justify-content-center block1-text-container">
                             <div class="row gap-row">
                                 <div
                                     class="col-12 block1-sub-title d-flex align-items-center justify-content-center">
@@ -200,7 +200,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="container container justify-content-center block1-text-container">
+                        <div class="container justify-content-center block1-text-container">
                             <div class="row gap-row">
                                 <div
                                     class="col-12 block1-sub-title d-flex align-items-center justify-content-center">
@@ -291,7 +291,7 @@
                     <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>
+                            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-fluid justify-content-center block2-body-container">
                             <div class="row gap-row">
                                 <div