Fix website responsive layouts

2026-10-01 18:28:12 +08:00 · 2022-05-12 13:08:53 -07:00
parent 3554a38d27
commit 15641a3d2a
3 changed files with 32 additions and 7 deletions
@@ -1,6 +1,7 @@
 #intro {
 	.section {
 		flex: 1 1 100%;
+		width: 100%;

 		.left-right-split {
 			width: 100%;
@@ -38,10 +39,19 @@
 	flex-direction: column;
 	gap: 80px;

-
 	article {
 		display: flex;
-		gap: 80px;
+		gap: 20px 80px;
+
+		@media screen and (max-width: 960px) {
+			flex-wrap: wrap;
+			justify-content: center;
+
+			.banner.banner {
+				width: 100%;
+				max-width: 540px;
+			}
+		}
 	
 		.details {
 			display: flex;