From 93ef27e8a985317bf32a8bee1ee7aa7d5891520e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Christian=20M=C3=BCller?= <no@way.click>
Date: Tue, 20 Oct 2015 12:34:17 +0200
Subject: [PATCH] bugfix in styling media queries

---
 resources/public/style.css | 45 +++++++++++++-------------------------
 1 file changed, 15 insertions(+), 30 deletions(-)

diff --git a/resources/public/style.css b/resources/public/style.css
index 394f050..01f8ae0 100644
--- a/resources/public/style.css
+++ b/resources/public/style.css
@@ -152,35 +152,11 @@ article {
 	margin-left: auto;
 }
 
-@media screen and (min-width: 1024px) {
-	article {
-		width: 800px;
-	}
-}
-
-@media screen and (max-width: 1023px) {
-	article {
-		width: 90%;
-	}
-}
-
 .central-element {
 	margin-right: auto;
 	margin-left: auto;
 }
 
-@media screen and (min-width: 1024px) {
-	.central-element {
-		width: 800px;
-	}
-}
-
-@media screen and (max-width: 1023px) {
-	.central-element {
-		width: 90%;
-	}
-}
-
 article img {
 	max-width: 100%;
 }
@@ -227,12 +203,6 @@ pre {
 	outline: 0px none transparent;
 }
 
-@media screen and (min-width: 1024px) {
-	textarea {
-		width: 800px;
-	}
-}
-
 textarea {
 	height: 500px;
 	font-size: 1em;
@@ -281,3 +251,18 @@ body {
 	display: flex;
 	min-height: 100vh;
 }
+
+
+/* MEDIA QUERIES */
+
+@media screen and (min-width: 1024px) {
+	textarea, article, .central-element {
+		width: 800px;
+	}
+}
+
+@media screen and (max-width: 1023px) {
+	textarea, article, .central-element {
+		width: 90%;
+	}
+}