Media queries for textarea not overlapping header

DrummerHead · Apr 13, 2012 · bb8062d · bb8062d
1 parent 953ed04
commit bb8062d
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/stijl.css b/stijl.css
@@ -1,5 +1,6 @@
 html {
   font-size: 100%;
+  min-width: 567px;
 }
 body {
   margin: 0;
@@ -61,3 +62,24 @@ textarea {
   margin: 1%;
   padding: 1em;
 }
+
+@media (max-width: 1447px) {
+  textarea {
+    width: 87%;
+  }
+}
+
+@media (max-width: 1047px) {
+  textarea {
+    width: 84%;
+  }
+  header {
+    right: 4em;
+  }
+}
+
+@media (max-width: 800px) {
+  textarea {
+    width: 81%;
+  }
+}