From 6b60ed66544a4be0709f21b31f5d43c968c146d7 Mon Sep 17 00:00:00 2001
From: Tom <thomas.hodson@ecmwf.int>
Date: Wed, 6 Sep 2023 14:06:02 +0100
Subject: [PATCH] fix projects mobile view

---
 _sass/main.scss     |  1 +
 _sass/projects.scss | 30 +++++++++++++++++++++++++++++-
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/_sass/main.scss b/_sass/main.scss
index d195756..e1560db 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -118,6 +118,7 @@ div.highlight {
         padding-left: 20px;
         padding-right: 20px;
         margin: 0px;
+        justify-content: flex-start;
         }
     
         article {
diff --git a/_sass/projects.scss b/_sass/projects.scss
index 0eac69c..e5d5a45 100644
--- a/_sass/projects.scss
+++ b/_sass/projects.scss
@@ -2,8 +2,36 @@ article.project {
     display: flex;
 
     img {
-        height: 7em;
+        max-height: 7em;
+        aspect-ratio: 1 / 1;
         margin-right: 1em;
         border-radius: 2em;
     }
+    figure {
+        padding: 0;
+        justify-content: center;
+    }
+}
+
+@media 
+    only screen and (max-width: $horizontal_breakpoint),
+    only screen and (max-height: $vertical_breakpoint)
+    {  
+        main {
+        padding-top: 10px; 
+        padding-left: 20px;
+        padding-right: 20px;
+        margin: 0px;
+        }
+    
+        article {
+        margin-left: 0px; 
+        } 
+
+        h1 {font-size: 1.5em !important;}
+        .MathJax { 
+            font-size: 0.8em !important;
+            overflow-x: auto;
+            overflow-y: hidden;
+        }
 }
\ No newline at end of file