responsive events page

gdg-cebu · Aug 12, 2016 · 09ee3c0 · 09ee3c0
1 parent 4b606c4
commit 09ee3c0
Showing 1 changed file with 24 additions and 2 deletions.
diff --git a/static/stylesheets/events.css b/static/stylesheets/events.css
@@ -46,17 +46,22 @@
 
 .event__title {
     margin-bottom: 0.5em;
-    font-size: 2.4rem;
+    font-size: 1.5em;
     font-weight: 600;
     color: rgba(0, 0, 0, 0.75);
 }
 
 
+.event__details p:last-child {
+    margin-bottom: 0;
+}
+
+
 .event__info {
     display: inline-flex;
     align-items: center;
     margin-right: 2em;
-    font-size: 1.4rem;
+    font-size: 0.875em;
     color: rgba(0, 0, 0, 0.38);
 }
 
@@ -80,3 +85,20 @@
 .event__info--where::before {
     background-image: url("../images/location.png");
 }
+
+
+@media all and (max-width: 775px), (max-device-width: 775px) {
+    .site__body.wrapper {
+        width: 90vw;
+    }
+
+
+    .event__thumbnail {
+        display: none;
+    }
+
+
+    .event__info {
+        display: flex;
+    }
+}