[optimize] sample rwd

make button be wrap
body display well in smaller width

src/assets/scss/sponsor.scss

@@ -19,7 +19,7 @@
 			display: flex;
 			flex-direction: row;
 			.info-left-button-wrapper {
-        padding-right: 160px;
+				padding-right: 10%;
 			}
 			.info-content {
 				p:not(:first-child) {
@@ -27,7 +27,7 @@
 				}
 			}
 			.info-right-button-wrapper {
-        padding-left: 160px;
+				padding-left: 10%;
 			}
 		}
 
@@ -36,12 +36,12 @@
 			display: flex;
 			flex-direction: row;
 			justify-content: center;
+			flex-wrap: wrap;
 
 			.button {
 				color: white;
 				background: #1060ff;
-        margin-right: 30px;
-        margin-left: 30px;
+				margin: 15px 30px;
 				padding: 0.33em 1em;
 				border-radius: 9487px;
 				box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);

src/pages/Sponsor.vue

@@ -12,7 +12,8 @@
 						<p>
 							維繫這樣的交流平台，需要多人的努力及貢獻，亦十分需要在資金上的支持。<br />
 							希望能藉由您的一份力量，來促成活動的舉行，讓更多學生能在舞台上展現自我成長。<br />
-              歡迎您參與贊助，支持 SITCON、讓我們將每年的活動辦得盡善盡美！
+							歡迎您參與贊助，支持
+							SITCON、讓我們將每年的活動辦得盡善盡美！
 						</p>
 					</div>
 					<div class="info-left-button-wrapper"></div>
@@ -22,6 +23,7 @@
 					<a class="button" href="#">企業合作</a>
 				</div>
 			</div>
+			<!--
       <div class="deep-ploughing">
         <h2>深耕級</h2>
         <div class="image-wrapper">
@@ -30,17 +32,17 @@
           <img />
         </div>
       </div>
-       施工中。
+      -->
 		</div>
 	</div>
 </template>
 
 <style lang="scss">
-@import "@/assets/scss/sponsor";
+@import '@/assets/scss/sponsor';
 </style>
 
 <script>
-import { Component, Prop, Vue } from "vue-property-decorator";
+import { Component, Prop, Vue } from 'vue-property-decorator';
 
 @Component({})
 export default class Sponsor extends Vue {}