From c6641e4684c758f0075476c46a31074396a790ba Mon Sep 17 00:00:00 2001
From: Snowmint <starlitsky0612@gmail.com>
Date: Tue, 19 Jan 2021 17:54:52 +0800
Subject: [PATCH] [Fixed] Home page layout

Adjust layout of Home page.
---
 package.json                              |  2 +-
 src/assets/scss/CFP/cfp_introduction.scss | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 8d650e0..9b4663b 100644
--- a/package.json
+++ b/package.json
@@ -32,4 +32,4 @@
     "typescript": "~3.9.3",
     "vue-template-compiler": "^2.6.11"
   }
-}
\ No newline at end of file
+}
diff --git a/src/assets/scss/CFP/cfp_introduction.scss b/src/assets/scss/CFP/cfp_introduction.scss
index c0d16c0..9af4c42 100644
--- a/src/assets/scss/CFP/cfp_introduction.scss
+++ b/src/assets/scss/CFP/cfp_introduction.scss
@@ -92,6 +92,8 @@ $buttonHoverBg: #226BB4;
     letter-spacing: $contextLetterSpace;
     line-height: 42px;
 
+    width: 1100px;
+
     @media screen and(max-width: 414px) {
       margin-top: 60%;
       width: 110%;
@@ -359,7 +361,7 @@ p.small-tag {
 
 .thumbnails {
   // box
-  margin-left: -25.5px;
+  margin-left: -20.5px;
 
   @media screen and (max-width:414px){
     margin-left: -9px;
@@ -370,6 +372,8 @@ p.small-tag {
   // box
   border-style: none;
   border-spacing: 25.5px 0px; //25.5
+  text-align: center; 
+  width: 640px;
 
   @media screen and (max-width: 414px) {
     width: 87%;
@@ -399,7 +403,7 @@ p.small-tag {
   box-shadow: 0 3px 12px 0 rgba(89, 120, 206, 0.56);
   border-radius: 60px; 
   transform: rotate(15deg); 
-  margin-bottom: -900px; 
+  margin-bottom: -800px; 
   margin-left: -200px;
   margin-top: -300px;
   z-index: 1;
@@ -672,7 +676,7 @@ p.small-tag {
   position: absolute;
   width: 100%;
   margin-top: -18.5%;
-  margin-left: -14%;
+  margin-left: -13%;
   transform: scale(0.2);
 
   @media screen and(max-width: 414px){