Improve responsive design sizing for website

2026-10-07 12:58:11 +08:00 · 2023-08-14 03:29:40 -07:00
parent c9d3453e46
commit 2412a3def6
25 changed files with 766 additions and 590 deletions
@@ -46,10 +46,16 @@
 		@media screen and (max-width: 960px) {
 			flex-wrap: wrap;
 			justify-content: center;
+			flex-direction: column;

 			.banner.banner {
 				width: 100%;
-				max-width: 540px;
+				background: var(--color-fog);
+
+				img {
+					margin: auto;
+					max-width: 480px;
+				}
 			}
 		}