From c89f9cbadd123ad1d6aed0f0cf1b1f5be0215f76 Mon Sep 17 00:00:00 2001
From: j <j@mailb.org>
Date: Sat, 20 Nov 2021 13:08:48 +0100
Subject: [PATCH] mobile

---
 app/static/css/partials/_layout.scss | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/app/static/css/partials/_layout.scss b/app/static/css/partials/_layout.scss
index a8199cc..b916f91 100644
--- a/app/static/css/partials/_layout.scss
+++ b/app/static/css/partials/_layout.scss
@@ -5,6 +5,8 @@
     max-width: 800px;
     margin: auto;
 }
+
+
 p {
 }
 
@@ -22,8 +24,12 @@ p {
 }
 .event .side-by-side {
     display: flex;
-
+    flex-direction: row;
 }
+.event:nth-child(2n) .side-by-side {
+  flex-direction: row-reverse;
+}
+
 .media, .text {
     width: 50%;
     padding: 8px;
@@ -37,3 +43,14 @@ p {
     height: 100%;
     object-fit: contain;
 }
+@media screen and (max-width: 799px) {
+  .media, .text {
+      width: 100%;
+  }
+  .event .side-by-side {
+      flex-direction: column;
+  }
+  .event:nth-child(2n) .side-by-side {
+    flex-direction: column-reverse;
+  }
+}