feat: support 480px screen RWD

25sprout · Nov 25, 2017 · 595d8c2 · 595d8c2
1 parent 7a38065
commit 595d8c2
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/src/css/banner-section.css b/src/css/banner-section.css
@@ -40,3 +40,26 @@
 		}
 	}
 }
+
+@media screen and (max-width: 480px) {
+	.banner-section > .cat {
+		width: 255px;
+		height: auto;
+	}
+
+	.banner-section > .title {
+		width: 192px;
+		height: 102px;
+
+		&::before,
+		&::after {
+			width: 40px;
+			left: -60px;
+		}
+
+		&::after {
+			left: auto;
+			right: -60px;
+		}
+	}
+}