Fix scaling on blog page

DeclanChidlow · Aug 29, 2023 · 4869495 · 4869495
1 parent b0daa56
commit 4869495
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 0 deletions.
diff --git a/config/global/style/input.css b/config/global/style/input.css
@@ -11,3 +11,10 @@ input[type=search]:focus {
 	outline: none;
 	border-bottom: 2px solid var(--orange);
 }
+
+@media (max-width: 1000px) {
+input[type=search] {
+	width: 100%;
+}
+}
+
diff --git a/config/global/style/standard.css b/config/global/style/standard.css
@@ -101,6 +101,9 @@ body {
     margin: 0 5px;
 }
 
+}
+
+@media (max-width: 1000px) {
 #blogposts {
 	flex-direction: column;
 }
@@ -110,3 +113,4 @@ body {
 }
 
 }
+
diff --git a/docs/style/input.css b/docs/style/input.css
@@ -11,3 +11,10 @@ input[type=search]:focus {
 	outline: none;
 	border-bottom: 2px solid var(--orange);
 }
+
+@media (max-width: 1000px) {
+input[type=search] {
+	width: 100%;
+}
+}
+
diff --git a/docs/style/standard.css b/docs/style/standard.css
@@ -101,6 +101,9 @@ body {
     margin: 0 5px;
 }
 
+}
+
+@media (max-width: 1000px) {
 #blogposts {
 	flex-direction: column;
 }
@@ -110,3 +113,4 @@ body {
 }
 
 }
+