Fix div breaking in user.html; add media query bits

2012-01-06 13:44:00 +01:00
parent 173999a7e4
commit 7646e695bf
2 changed files with 17 additions and 4 deletions
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -480,11 +480,24 @@ table.media_panel th {
  line-height: 1em;
 }

-@media screen and (max-width: 660px) {
+/* Media queries and other responsivisivity */
+@media screen and (max-width: 680px) {
  .media_pane {
    width: 100%;
+    margin: 0px;
  }
  img.media_image {
    width: 100%;
  }
 }
+
+@media screen and (max-width: 960px) {
+  .profile_sidebar {
+    width: 100%;
+    margin: 0px;
+  }
+  .profile_showcase {
+    width: 100%;
+    margin: 0px;
+  }
+}