[首頁] 修正手機版樣式

index.html

@@ -17,6 +17,19 @@
 			.ts-grid.is-relaxed {
 				--gap: 1rem
 			}
+			html {
+				font-size: 14px;
+			}
+			.ts-center {
+				height: auto;
+				padding: 40px 0;
+			}
+			.footer {
+				margin-top: 40px!important;
+			}
+			.column {
+				display: flex;
+			}
 		}
 	</style>
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZHZ6VYR7M"></script>
@@ -40,7 +53,7 @@
 							<img src="https://henrywu.tw/img/portfolio/bot.jpg">
 						</div>
 						<div class="ts-content">
-							<div class="ts-header is-center-aligned">MCUT Bot <span class="ts-badge is-negative is-small is-dence is-start-spaced">Hot</span></div>
+							<div class="ts-header is-center-aligned">MCUT Bot <span class="ts-badge is-negative is-small is-dence is-start-spaced">Hot!</span></div>
 							<p>用 LINE 查詢學餐菜單、課表、缺曠、成績、請假</p>
 						</div>
 					</a>
@@ -101,7 +114,9 @@
 					</a>
 				</div>
 			</div>
-			<div style="text-align:center;margin-top:100px">Powered by <a href="https://line.me/R/ti/p/%40ptq1966v" target="_blank">MCUT Bot</a> / <a href="https://henrywu.tw" target="_blank">Henry Wu</a></div>
+			<div class="footer" style="text-align:center;margin-top:100px">
+				Powered by <a href="https://line.me/R/ti/p/%40ptq1966v" target="_blank">MCUT Bot</a> / <a href="https://henrywu.tw" target="_blank">Henry Wu</a>
+			</div>
 		</div>
 	</div>
 </body>